girlypixels.com






<!DOCTYPE html>
<!--- THEME BY www.girlypixels.com --->
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="viewport" content="width=1366">
<meta name="text:Link 1" content=""/>
<meta name="text:Link 1 URL" content=""/>
<meta name="text:Link 2" content=""/>
<meta name="text:Link 2 URL" content=""/>
<meta name="text:Link 3" content=""/>
<meta name="text:Link 3 URL" content=""/>
<meta name="text:Link 4" content=""/>
<meta name="text:Link 4 URL" content=""/>
<link href="https://fonts.googleapis.com/css?family=Lato|Roboto" rel="stylesheet"><script type="text/javascript" src="https://static.tumblr.com/bp07swr/G9tp86642/theme.js"></script><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!--- THEME BY www.girlypixels.com --->
<!--- THEME BY www.girlypixels.com --->
<!--- THEME BY www.girlypixels.com --->

<style>

@font-face{font-family:Just Realize;src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}

/*---BASIC---*/

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #ddf3f9;
}

::-webkit-scrollbar-thumb {
    background: #ffbce3;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffbce3;
}

::-moz-selection {
    color: #ddf3f9;
    background: #ffbce3;
}

::selection {
    color: #ddf3f9;
    background: #ffbce3;
}

html {
        font-family: 'Tahoma';
        font-size:11px;
}

.creditz {
        font-family: 'Tahoma';
        font-size:8px;
        text-transform:uppercase;
}

body {
    background-color: #ffffff;
    background-image: url('https://78.media.tumblr.com/d98fc3d37573336f583d50b32c009f0b/tumblr_p865halK6I1vj1j6do1_250.png');
    background-attachment: fixed;
 
}

u {
  border-bottom: 1px solid #ff9bd5;
  text-decoration:none;
}
b,i {
  color: #ff9bd5;
}

a {
    text-decoration: none;
    color: #ff9bd5;
}

a:hover {
    color: #ffffff;
    background: #ffbce3; text-decoration: none;
     -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.container {
    position: absolute;
    margin: 0px 0px 0px 100px;
    width: 900px;
 
}

/*---SIDEBAR---*/

.sidebar {
    position: fixed;
    margin: 100px 0px 0px 50px;
    width: 220px;
    padding: 0;
 
}

.sidebarimg {
    margin: 0;
    width: 200px;
    max-height: 250px;
    padding: 10px;
    background: #ddf3f9;
    border: 1px solid;
    border-color: #ffbce3;
 
}

/*---SIDEBAR---*/

.blogtitle {
    margin: 18px 0px 0px 0px;
    width: 220px;
    padding: 10px 0px 10px 0px;
    color: #00b9eb;
    background: #ddf3f9;
    text-align: center;
    border: 1px solid;
    border-color: #ffbce3;
}

.blogtitle h1 {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: 'Just Realize';
}

.description {
    margin: 0;
    width: 200px;
    padding: 6px 10px 10px 10px;
    color: #42d7ff;
    background: #ddf3f9;
}

.description p {
    margin: 0;
    padding: 0;
    text-align: justify;

}

/*---PAGE---*/

.pagination {
    margin: 0px 0px 0px 0px;
    width: 220px;
    padding: 0;
    text-align: center;
    color: #42d7ff;
}

/*---POST---*/

.postbox {
    position: relative;
    margin: 50px 0px 0px 350px;
    width: 550px;
    padding: 0;
 
}

.post {
    margin: 0;
    width: 500px;
    padding: 25px 25px 25px 25px;
    text-align: justify;
    color: #42d7ff;
    background: #ddf3f9;
    border: 1px solid;
    border-color: #ffbce3;
}

.post blockquote, .posts li, .post img {
    max-width: 100%;
}

.post blockquote {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px;
    border-left-style: solid;
    border-color: #00b9eb;
}

.post li {
    margin-left: -15px;
}

.title, .linkpost, .quotepost {
    display: block;
    margin: 0;
    max-width: 100%;
    padding: 0;
}

.title, .linkpost {
    font-family: 'Just Realize';
font-size:25px;
}

.title {
    color: #00b9eb;
}

.quotepost {
    text-transform: none;
    font-weight: 500;
    font-size: 0.8125rem;
    color: {color:Accent 3};
}

.askpost, .chatpost {
}

.asker {
    margin-top: -30px;
    margin-left: 17px;
}

.question, .label {
    color: {color:Accent 3};
}

/*---MENU---*/

.menu {
    margin: 13px 0px 0px 0px;
    width: 220px;
    padding: 0;
    border: 1px solid;
    border-color: #ffbce3;

}

.menu a {
    display: block;
    margin: 0px 6px 0px 0px;
    width: 212px;
    padding: 6px 4px;
    text-transform: uppercase;
    text-align: center;
    line-height: 100%;
    color: #ffbce3;
    background: #ddf3f9;
    transition: all 0.6s ease;
}

.menu a:hover {
    color: #ddf3f9;
    background: #ffffff;
    transition: all 0.6s ease;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
}

/*---INFO---*/
.info {
    margin: 0px 0px 50px 0px;
    width: 530px;
    padding: 10px;
    color: #42d7ff;
    background: #ddf3f9;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #ffbce3;
}

.buttons {
    display: inline-flex;
    display: -webkit-inline-flex;
    float: right;
}

.button {
    margin-left: 10px;
}

.button svg path { fill: #42d7ff; }

.tagindex, .tagpermalink {
    margin: 0;
    text-align: justify;
}

.postnotes {
    width: 500px;
}

ol.notes {
    margin-top: 15px;
    margin-left: 30px;
    padding: 0px;
    list-style-type: none;
}

ol.notes li.note {
    padding: 3px;
}

ol.notes li.note img.avatar {
    margin-right: 5px;
    width: 16px;
    height: 16px;
    vertical-align: -4px;
}

img.avatar {
    border: 1px solid;
    border-color: #ffbce3;
}



ol.notes li.note blockquote {
    margin: 5px 0px;
    padding-left: 5px;
    border-left: 1px;
    border-left-style: solid;
    border-color: #00b9eb;
}

</style>

</head>

<body>

<!---BASIC--->

<div class="container">

<!---SIDEBAR--->

<div class="sidebar">

<header>



<!---SIDEBAR PICTURE--->

<img class="sidebarimg" src="https://78.media.tumblr.com/6b8cdb67b0dbecb4109e59383c7e0c28/tumblr_p8653wmJC31vj1j6do1_1280.png">

<!---MENU--->


<nav class="menu">
    <a href="/">Home</a>
{block:SubmissionsEnabled}{block:IfShowSubmitLink}
<a href="/submit">{text:Submit label}</a>{/block:IfShowSubmitLink}{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}
<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}{block:iflink1}
<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}
<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}
<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}{block:iflink4}
<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
<a href="/archive">Archive</a>
<a target="_blank" href="http://www.girlypixels.com">Theme</a>
 
         
 
 
</nav>

<!---SIDEBAR--->

<div class="blogtitle">
     
{block:Pagination}

<nav class="pagination">
{block:PreviousPage}
<a href="{PreviousPage}">⯇</i></a>
{/block:PreviousPage}
{CurrentPage} / {TotalPages}
{block:NextPage}
<a href="{NextPage}">⯈</i></a>
{/block:NextPage}
</nav>

{/block:Pagination}

{block:PermalinkPagination}

<nav class="pagination">
{block:NextPost}
<a href="{NextPost}">⯇</i></a>
{/block:NextPost}
{block:PreviousPost}
<a href="{PreviousPost}">⯈</i></a>
{/block:PreviousPost}
</nav>

{/block:PermalinkPagination}
     
</div>

</header>

<!---PAGE--->

</div> <!--sidebar-->

<!---POST--->

<main>

<div class="postbox">

{block:TagPage}

<header>
<div class="post">
<h1 class="title">TAGGED POSTS</h1>
<p>{lang:Showing TagResultCount posts tagged Tag}.</p>
</div>
<div class="info"></div>
</header>

{/block:TagPage}

{block:Posts}

<article>

<div class="post">

{block:Text}
{block:Title}<h1 class="title">{Title}</h1>{/block:Title}{Body}
{/block:Text}

{block:Link}
<a href="{URL}"><h1 class="linkpost">{Name}</h1></a>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Quote}
<div class="quotepost">“ {Quote} ”</div>
{block:Source}— {Source}{/block:Source}
{/block:Quote}

{block:Answer}
<div class="askpost">
<div><img src="{AskerPortraitURL-30}"><p class="asker">{Asker}: </p></div>
<p class="question">{Question}</p>
<p>{Answer}</p>
</div>
{/block:Answer}

{block:Chat}
{block:Title}<h1 class="title">{Title}</h1>{/block:Title}
{block:Lines}<div class="chatpost">
{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
</div>{/block:Lines}
{/block:Chat}

<!---MEDIA--->

{block:Photo}
{Linkopentag}<div class="photopost" align="center"><img src="{PhotoURL-500}">
</div>{Linkclosetag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

{block:Photoset}
<div class="photopost">{Photoset}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

{block:Panorama}
{LinkOpenTag}<div class="photopost"><img src="{PhotoURL-Panorama}">
</div>{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Panorama}

{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

{block:Audio}
{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

</div> <!--post-->

<!---INFO--->

<div class="info">

{block:IndexPage}

<a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>

{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

<div class="buttons">
    <span class="button">{ReblogButton size="15"}</span>

</div>

{/block:IndexPage}

{block:PermalinkPage}

{block:Date}{TimeAgo}{/block:Date}

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

{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

{block:PostNotes}<div class="postnotes">{PostNotes}
</div>{/block:PostNotes}

{/block:PermalinkPage}

</div> <!--info-->

</article>

{/block:Posts}

</div> <!--postbox-->

</main>

</div> <!--container-->

</body>

</html>