Zrefri tumblr

<html>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>
    <head>
    <title>{title}</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}

        <body>
        <div id="header-wrapper">
            <h1><a href="{url}">{title}</a></h1>
        </div>
        <div id="menu-wrapper">
<li><a href="http://zrefri.tumblr.com/">HOME</a></li>
<li><a href="/ASK">ASK</a></li>
<li><a href="http://http//for-you-everything.tumblr.com/">MO'S TUMBLR</a></li>
</div>
        <div id="description-wrapper">
            Broken the rules.
        </div>
        <div id="status-wrapper">
        <h1>Status</h1>
            Upando <3
            <br />
            <div id="paginaçao-wrapper">
        <h3>{block:PreviousPage}<a href="{PreviousPage}">< Página anterior</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">Próxima página ></a>{/block:NextPage}</h3>
</div>
        </div>
        <div id="content-wrapper">
        <div id="posts">
        {block:Posts}

<!-- TEXTOS -->
{block:Text}
{block:Title} {Title} {/block:Title}
{Body}
{/block:Text}

<!-- FOTO -->
{block:Photo}
<a href="{permalink}"><img src="{PhotoURL-500}"></a>
{/block:Photo}

<!-- PHOTOSET -->
{block:Photoset}
<center>{Photoset-500}</center>
{/block:Photoset}

<!-- QUOTE -->
{block:Quote}
"{Quote}"<br>
{block:Source}{Source}{/block:Source}
{/block:Quote}

<!-- LINK -->
{block:Link}
<a href="{URL}" {Target}>{Name}</a>
{block:Description} {Description}{/block:Description}
{/block:Link}

<!-- CHAT -->
{block:Chat}
{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
{block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <b>{Label}</b> {/block:Label} {Line}</li>{/block:Lines}
{block:Chat}

<!-- VIDEO -->
{block:Video}
{Video-500}
{/block:Video}

<!-- AUDIO -->
{block:Audio}
{AudioPlayerGrey}
{block:TrackName}{TrackName}{/block:TrackName}
{block:Artist}{Artist}{/block:Artist}
{block:Album}{Album}{/block:Album}
{block:PlayCount}{PlayCount}{/block:PlayCount}
{/block:Audio}

<!-- ASKS -->
{block:Answer}
<img src="{AskerPortraitURL-16}"> {Asker}{Question}<br>
{Answer}
{/block:Answer}

<!-- NOTES DO PERMALINK-->
{block:PostNotes}
{NoteCount}
{/block:PostNotes}

{/block:Posts}
     </div> </div>
        </body>
<style type="text/css">
/*
-----------------------------------------------
Layout feito por for-you-everything.tumblr.com
----------------------------------------------- */
             body {
             background:url('http://static.tumblr.com/d2a0bf4d946920b81789460bdcf7e007/jgprefd/y44mhnvzn/tumblr_static_ceucomroxo.png')repeat;
             background-attachment: fixed;
             margin: 0;
             padding: 0;
             border: 0;
             text-align: justify;
             line-height: 30px;
             font-size: 12px;
             }

            a:link{
                color:blue;
                text-decoration:none;
            }
            a:hover{
                text-decoration:underline;
            }

            a:visited{
            }
            #header-wrapper h1 {
            color: #aeaeae;
            text-align: center;
            font-family: 'Open Sans Condensed', sans-serif;
            font-weight: normal;
            font-size: 48px;
            }

            #header-wrapper h1 a {
            color: #FFFFFF;
            text-shadow: 0px 0px 7px #fff;
            }

            #header-wrapper h1 a:hover{
            text-decoration:none;
            }

            #description-wrapper {
            color: #FFF;
            text-align: center;
            line-height: 1.2;
            font-size: 14px;
            font-family: arial;
            background: rgba(255, 255, 255, 0.24);
            padding: 2pc;
            border-radius: 19px;
            margin: 0 134px 27px;
            }

            #status-wrapper {
            background: rgba(255, 255, 255, 0.29);
            z-index: 666;
            padding: 5px;
            padding-top: 0px;
            margin-left: 10px;
            position: fixed;
            transition:all 0.9s;
            width: 250px;
            text-align: center;
            }

            #status-wrapper:hover {
            background: rgba(255, 255, 255, 1);
            }

            #status-wrapper h1 {
            color: #C9C1FF;
            font-weight: normal;
            font-size: 25px;
            font-family: 'Open Sans Condensed', sans-serif;
            }

            #menu-wrapper{
            text-align:center;
            }

            #menu-wrapper {
            text-transform: capitalize;
            background: transparent;
            text-align: center;
            }

            #menu-wrapper li {
            list-style: none;
            margin-right: 5px;
            padding: 8px;
            display: -webkit-inline-box;
            border-radius: 6px;
            }

            #menu-wrapper li a{
            color:#aeaeae;
            text-decoration: none;
            }

            #content-wrapper {
            text-align: center;
            margin-left: 70px;
            margin-top: 10px;
            }

            #content-wrapper img {
            height: 250px;
            }

            #paginaçao-wrapper a {
            background: #B6D4FC;
            padding: 6px;
            color: #FFFFFF;
            font-weight: normal;
            }

            #paginaçao-wrapper a:hover {
            text-decoration:none;
            }

            #content-wrapper img {
            transition:all 0.9s;
            opacity:0.8;
            }

            #content-wrapper img:hover{
             opacity:100;
            }
        </style>
    </head>
</html>