Theme Base

<!-----------------------------------------------------------------------

        // Base criada por Nicole (SOUNDS-OF-WAR.tumblr.com)

// Por favor credite se usar , não copie e diga que foi você que fez //

        // Avise na ask se usar minha base,eu fiz ela pra ajudar vocês              ,então o mínimo que pode fazer é me avisar//

        // Pode usar ela para disponinilizar ,mas com os meus créditos como base //

        // Edite pelo menos 80% da base para disponibilizar //

        //Qualquer plágio ou não creditação,eu desativo o theme.

------------------------------------------------------------------------>

<!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}

<!--favicon-->
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<!--Imagens mudadas pelo appareance-->
<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>

<!--Cores mudadas pelo appareance-->
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Sidebar" content="#ffffff"/>


<!--Começo do CSS-->
<style type="text/css">

/*corpo do theme*/
body {
    color: #000000; /*cor da fonte de todo o theme*/
    background:{color:Background}; Background-image:url({image:Background}); /*cor ou imagem do background*/
	font-family: Futura; /*fonte de todo o theme*/
	font-size: 10px; /*tamanho da fonte*/
	line-height: 1.5em;
}
/*parágrafo*/
p {margin:0 0 .75em 0} p:last-child {margin:0}

/*links*/
a {
	color: #666666; /*cor dos links*/
	text-decoration:none; /*decoração dos links*/
{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}

/*links no hover*/
a:hover {color: #ffffff; } /*cor dos links quando passa o mouse*/
blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
	line-height: 100%;border-left: solid 4px #EDEDED;
}

/*título dos posts*/
h1 {
	font-family: candara; /*fonte*/
	font-size: 24px; /*tamanho da fonte*/
	line-height: 1.5em;font-weight: normal;
}

/*listas*/
ul {
	margin: 0px 1.5em .75em;}
li {
	margin: .75em 0;
	list-style-type: square;
}

/*imagens dos posts*/
.box img {
	display: block;}.m-i {
    display: block;
    line-height: 1px!important;
}

/*links dos posts*/
.post-link{
	font-family: Futura;
	font-size: 8px;
	line-height: 8px;
}p.source{text-align: center;}
.menu-picture {
	line-height: 100%;display: inline-block;
}p.source{text-align: center;}
h3 {
	font-size: 14px; font-weight: normal;
}

/*tags*/
.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;
}

/*estilo de ask*/
.response {
    background: #efefef;
    padding: 5px;
    margin-bottom: .75em;
}.answer {
text-align: center;
}

/*posts*/
.post {
	position: relative;
	width:426px;
	float:left;
	background: #ffffff; /*cor de fundo do post*/
	padding:0px;
	margin:10px;
}
/*caixa dos posts*/
.box {position: relative;}

/*créditos*/
.credit {
    background: #fff; /*cor do fundo*/
    width: 80px; /*largura (opcional) */
    height:15px; /*altura (opcional) */
    font-size:10px; /*tamanho da fonte*/
    font-family:tahoma; /*fonte*/
    left: 30px;  /*margem da esquerda */
    top: 30px; /*margem do topo*/
    border: 1px solid #E8E8E8; /*borda*/
    text-align:center; /*alinhamento do texto*/
    position:fixed; /*posição (fixed , relative ou absolute*/
}

/*menu*/
.menu{
float: center; /*escolha left , right ou center*/
font: 8px 'tahoma'; /*fonte do menu*/
color:#fff !important; /*cor dos links do menu*/
text-align: center; /*texto alinhado no centro*/
text-transform: uppercase;
background-color: black; /*cor do fundo dos links*/
padding: 6px; /*tamanho*/
border-radius: 1px; /*borda redonda*/
margin-top:5px;
letter-spacing:0px;
display: inline-block;
width: 23px;/*largura de cada link*/
height:8px; /*altura de cada link*/
}
.menu:hover{
background:gray; /*cor do fundo do menu no hover*/
}

/*classe da descricao (pode modificar tudo)*/
.descricao {
    font-family: tahoma; /* fonte */
    font-size:10px; /*tamanho da fonte*/
    text-align:center; /*texto alinhado no centro*/
    color:black; /*cor*/
}

/* classe do reblog embaixo dos posts*/
.permalink {
    font-family:tahoma; /* fonte */
    font-size:10px; /*tamanho da fonte*/
    text-transform: uppercase; /*todas as letras maiúsculas ,se quiser todas em minúsculas, ao invés de uppercase, coloque lowercase*/
}

/*sidebar*/

#side {
    text-align: center; /*alinhamento do texto na sidebar*/
	margin-top:140px; /*margem do topo*/
	width:200px; /*largura da sidebar*/
    height:285px; /*altura da sidebar*/
	padding:0px; /*tamanho*/
    position: fixed; /*posição*/
	background: #F5F5F5; /*cor de fundo da sidebar*/
	border: 1px solid #E8E8E8; /*borda*/
}
/*imagem da sidebar*/
#side img {
    width:190px; /*largura da imagem*/
    height:210px; /*altura da imagem*/
    margin-top:5px; /*margem do topo*/
    margin-left: 5px; /*margem da esquerda*/
    opacity:0.85; /*opacidade da imagem (pode modificar o valor)*/
    -webkit-transition-duration: 1s; /*valor da transição no chrome*/
    -moz-transition-duration: 1s; /*valor da transição no firefox*/
}
#side img:hover {
    opacity:1; /*opacidade ao passar o mouse*/
}
ul {margin-bottom: .75em;}

/*caixa do conteúdo*/
#contain {
	width:748px; /*largura da caixa*/
	margin: 10px auto 0;
}

/*caixa dos posts*/
#content {
    background: #fff; /*cor de fundo dos posts*/
	width:446px; /*largura dos posts*/
	float: right;
}
#infscr-loading{position:relative!important;left:49%}



.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}

</style>

    </head>

        <body>

<!--conteúdo-->
<div id="contain" class="clearfix">


<!--sidebar-->
<div id="side">

<!--imagem da sidebar-->
<img src="{image:Sidebar}">

<!--menu-->
<a href="/" class="menu">Link</a>
<a href="/" class="menu">Link</a>
<a href="/" class="menu">Link</a>
<a href="/" class="menu">Link</a>
<a href="/" class="menu">Link</a>

<br><!--pula linha-->

<!--descrição-->
<div class="descricao">{description}</div>

<h1>{title}</h1>

<!--paginação-->
{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
</div>
<!--fim da sidebar-->

<!--posts-->
<div id="content">
{block:Posts}
<div class="post">

<!--block text-->
{block:Text}
<div class="text">
{block:Title}<h3>{Title}</h3>{/block:Title}
{Body}
<!-- permalink --> {block:IndexPage}
<p class="permalink">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Text}

<!--block quote-->
{block:Quote}
<div class="text quote">
<p class="words">&#8220;{Quote}&#8221;</p>
{block:Source}<p class="source">{Source}</p>{/block:Source}
<!-- permalink --> {block:IndexPage}
<p class="permalink">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Quote}

<!--block link-->
{block:Link}
<div class="text link">
<h3><a href="{URL}" {Target}>{Name}</a></h3>
{block:Description}{Description}{/block:Description}
<!-- permalink --> {block:IndexPage}
<p class="permalink">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Link}

<!--block chat-->
{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="permalink">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Chat}

<!--block audio-->
{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="permalink">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Audio}

<!--block ask-->
{block:Answer}
<div class="text answer">
<div class="response">
<p class="question">{Question}</p>
<p>@{Asker}</p></div>
{Answer}
<!-- permalink --> {block:IndexPage}
<p class="permalink">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
<!-- /permalink --> {/block:IndexPage}
</div>
{/block:Answer}

<!--block photoset-->
{block:Photoset}
<div class="photoset">
<div class="box">
<center>{Photoset-400}</center>
</div>
{block:IndexPage}{block:IfShowCaptions}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:IfShowCaptions}{/block:IndexPage}
</div>
<!-- permalink --> {block:IndexPage}
<div class="permalink"><a href="{reblogurl}" target="_blank">reblog</a> with <a href="{Permalink}">{NoteCountWithLabel}</a></div>
<!-- /permalink --> {/block:IndexPage}
{/block:Photoset}

<!--block video-->
{block:Video}
<div class="video">
<div class="box">
<!-- permalink --> {block:IndexPage}
<div class="permalink"><a href="{reblogurl}" target="_blank">reblog</a> with <a href="{Permalink}">{NoteCountWithLabel}</a></div>
<!-- /permalink --> {/block:IndexPage}
<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-->
{block:Photo}
<div class="photo">
<div class="box">
{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>
<!-- permalink --> {block:IndexPage}
<div class="permalink"><a href="{reblogurl}" target="_blank">reblog</a> with <a href="{Permalink}">{NoteCountWithLabel}</a></div>
<!-- /permalink --> {/block:IndexPage}
{block:IndexPage}{block:IfShowCaptions}
{block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
{/block:IfShowCaptions}{/block:IndexPage}
</div>
{/block:Photo}

<!--tags-->
{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}

<!--notes-->
{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> <!-- final do conteúdo dos 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:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
{/block:Posts}
</div> <!-- end content -->

<div class="credit"><a href="http://sounds-of-war.tumblr.com" target="blank" title="Base por sounds-of-war . Theme por 'seu tumblr'"><center>&copy; CREDITS</center></a></div>

    </body>
</html>