Pretty Girl Theme

<!-- theme by boysjpeg do not remove theme credit-->

<link rel="shortcut icon" href="{favicon}">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>{Title}</title>

<!-- colors  -->
    <meta name="color:gradient top" content="#fce5ff"/>
    <meta name="color:gradient bottom" content="#DBF6FF"/>
    <meta name="color:post bg" content="#DBF6FF"/>
    <meta name="color:text" content="#a2a2a2"/>
    <meta name="color:links" content="#000000"/>
    <meta name="color:link hover" content="#dbf6ff"/>

<!-- img -->
    <meta name="image:img" content="" />

<!-- text -->
    <meta name="text:dropdown links title" content="" />

    <meta name="text:img hover" content="" />

    <meta name="text:link 1 url" content="" />
    <meta name="text:link 1 title" content="" />

    <meta name="text:link 2 url" content="" />
    <meta name="text:link 2 title" content="" />

    <meta name="text:link 3 url" content="" />
    <meta name="text:link 3 title" content="" />

    <meta name="text:link 4 url" content="" />
    <meta name="text:link 4 title" content="" />

<!-- ifs -->
    <meta name="if:captions" content="0">
    <meta name="if:grayscale" content="0">
    <meta name="if:link 1" content="0">
    <meta name="if:link 2" content="0">
    <meta name="if:link 3" content="0">
    <meta name="if:link 4" content="0">

<style type="text/css">

::-webkit-scrollbar-thumb {
    background-color: {color:gradient top};
    width:5px;
    height:100px;
    }

::-webkit-scrollbar {
    height:5px;
    width:5px;
    background-color: {color:gradient bottom};
    }

a:link, a:visited {
color: {color:links};
text-decoration: none;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out
}

a:hover {
color: {color:link hover};
text-decoration: none;
text-transform: uppercase;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out
}
body {
margin-top:50px;
margin-left:100px;
padding: 10px;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, {color:gradient top}),
	color-stop(1, {color:gradient bottom})
);
background-image: -o-linear-gradient(bottom, {color:gradient top} 0%, {color:gradient bottom} 100%);
background-image: -moz-linear-gradient(bottom, {color:gradient top} 0%, {color:gradient bottom} 100%);
background-image: -webkit-linear-gradient(bottom, {color:gradient top} 0%, {color:gradient bottom} 100%);
background-image: -ms-linear-gradient(bottom, {color:gradient top} 0%, {color:gradient bottom} 100%);
background-image: linear-gradient(to bottom, {color:gradient top} 0%, {color:gradient bottom} 100%);
background-attachment:fixed;
font-family: consolas;
font-size: 70%;
color: {color:Text};
}

#desc {
left: 10px;
top: 10px;
border: solid 1px;
border-color:{color:text};
font-family: consolas;
background-color:{color:post bg};
width:100px;
height:23px;
overflow:hidden;
padding: 10px;
position:fixed;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}

#desc:hover {
height:50px;
overflow:scroll;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}

#links {
left: 10px;
top: 90px;
border: solid 1px;
border-color:{color:text};
font-family: consolas;
background-color:{color:post bg};
width:100px;
height:10px;
overflow:hidden;
padding: 10px;
position:fixed;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}

#links:hover {
height:50px;
overflow:scroll;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}

#img {
position:fixed;
left:-25px;
bottom:200px;
width:300px;
height:200px;
}

#posts {
margin-top: 100px;
margin-left:350px;
margin-bottom:55px;
border: solid 1px;
border-color:{color:text};
font-family: consolas;
background-color:{color:post bg};
padding: 20px;
width:400px;
}

#posts img{
max-width: 400px;
{block:ifgrayscale}
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(grayscale.svg); /* Firefox 4+ */
filter: gray; /* IE 6-9 */
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
{/block:ifgrayscale}
}

{block:ifgrayscale}
#posts img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
{/block:ifgrayscale}

#posts blockquote{
border-left: 2px solid {color:Text};
padding: 0 0 0 5px;
margin-left: 20px;
}

h1 {
font: 20px consolas;
text-align: center;
}

h1 a{
color: {color:links};
text-decoration: none;
}

#quote {
font: italic 13px consolas;
text-align: center;
}

#asks {
border-style:solid {color:border};
border-radius:none;
border-width:1.6px;
}

#footer {
border-style:solid;
border-width:1px;
border-color: {color:text};
padding: 4px;
background-color:{color:gradient top};
}

#pagination {
margin-left:350px;
bottom:10px;
font-size: 16px;
position:fixed;
}

#footer2 {
border-style:solid;
border-width:1px;
border-color: {color:text};
padding: 4px;
background-color:{color:gradient top};
}

</style>

<body>
<div id="desc">
<center>{description}</center>
</div>

<div id="links">
<center>{text:dropdown links title}</center>
<p></p>
<p><center><a href="/">index</a></center>
<center><a href="/ask">inbox</a></center>
<center>{block:iflink1}
<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1}</center>
<center>{block:iflink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2}</center>
<center>{block:iflink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3}</center>
<center>{block:iflink4}<a href="{text:link 4 url}">{text:link 4 title}</a>{block:iflink4}</center>
<center><a href="http://boysjpeg.tumblr.com/">theme</a></center>
</div>

<div id="img">
<a href="/" title="{text:img hover}"><img src="{image:img}" width="300" height="400"/></a>
</div>

{block:Posts}
<div id="posts">
{block:Text}
    {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
    {body}
{/block:Text}

{block:Photo}
    <a href="{Permalink}"><img src="{PhotoURL-400}" /></a>
    <p><a href="{PhotoURL-HighRes}">high-res →</a></p>
    {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
{/block:Photo}

{block:Photoset}
    {Photoset-400}
    {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
{/block:Photoset}

{block:Quote}
   <div id="quote">"{Quote}"</div>
    <br/>{block:Source}<center>- {Source}</center>{/block:Source}
{/block:Quote}

{block:Link}
    <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
    {block:Description}{Description}{/block:description}
{/block:Link}

{block:Chat}
    {block:Title}<h1>{Title}</h1>{/block:Title}
    {block:Lines} {block:Label}<b>{Label}</b>{/block:Label} {Line}<br />{/block:Lines}
{/block:Chat}

{block:Audio}
    <center><p>{block:AlbumArt}
    <img src="{AlbumArtURL}" width="100" height="100">
    {/block:AlbumArt}</p>

    <p><strong>Track</strong>:
    {block:TrackName}
    {TrackName}
    {/block:TrackName}

    <p><strong>Artist</strong>:
    {block:Artist}
    {Artist}
    {/block:Artist}

    <p><strong>Album</strong>:
    {block:Album}
    {Album}
    {/block:Album}

    <p>{AudioplayerBlack}</p></center>
   {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
{/block:Audio}

{block:Video}
    {VideoEmbed-400}
    {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
{/block:Video}

{block:Answer}
<div id="asks">
<p><center><a href="{AskerURL}">{Asker}</a> said: <i><strong>{Question}</strong></i></center></p>
</div>
    <p>{Answer}</p></center>
{/block:Answer}

<p>
<div id="footer">
<center>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>{/block:Date} /

<a href="{Permalink}">{NoteCount}%</a> /

<a href="{ReblogURL}" target="_blank" class="details">reblog</a></center>
</div>

<p><div id="footer2">{block:RebloggedFrom}
<center>via: <a href="{ReblogParentURL}" title"{ReblogParentTitle}">{ReblogParentName}</a>
{/block:RebloggedFrom}
/
{block:contentsource}
source: <a href="{SourceURL}" title="{SourceTitle}">{SourceTitle}</a></center>{/block:contentsource}
</div>



<p>

{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}


{block:PermalinkPage}
    <p>
    {block:PostNotes}{PostNotes}{/block:PostNotes}
{block:PermalinkPage}

</div>
{/block:Posts}

<div id="pagination">
<p>{block:PreviousPage}
            <a href="{PreviousPage}">back</a>
      {/block:PreviousPage}
 -
      {block:NextPage}
            <a href="{NextPage}">next</a>
      {/block:NextPage}
{/block:Pagination}
</div>

</body>