Themes by Ayesha -01

<html>
<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}
        <meta name="image:Background" content=" "/>

        <meta name="color:Link" content="#818181"/>

        <meta name="color:Linkhover" content="#ee4100"/>


<link href='http://fonts.googleapis.com/css?family=Volkhov:400,400italic' rel='stylesheet' type='text/css'>


<style type="text/css">

 ol.notes {
                padding: 0px;
                margin: 25px 0px;
                list-style-type: none;
                border-bottom: solid 1px #ccc;
                font-size:10px;
            }

            ol.notes li.note {
                border-top: solid 1px #ccc;
                padding: 10px;
                font-size:10px;
            }

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

            ol.notes li.note span.action {
                font-weight: bold;
                font-size:10px;
            }

            ol.notes li.note .answer_content {
                font-weight: normal;
                font-size:10px;
            }

            ol.notes li.note blockquote {
                border-color: #eee;
                padding: 4px 10px;
                margin: 10px 0px 0px 25px;
                font-size:10px;
            }

            ol.notes li.note blockquote a {
                text-decoration: none;
                font-size:10px;
            }

body
{


  background:url('{image:Background}') fixed;

 font-family: "PF Tempesta Seven Condensed";

}

a
{
    text-decoration:none;


   line-height:25px;
   color:{color:Link};
     -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear;

}

a:hover
{
    color:{color:Linkhover};

}


ul
{
    list-style-type:none;
}

li
{
    list-style-type:square;
}


.container
{

    float:left;
  overflow:hidden;
    margin-top:1%;
width:500px;
margin-right:30%;
margin-left:25%;
z-index:1;
 color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
}


#posts
{


float:left;
top:1px;
margin-bottom:0;
margin-right:1%;
text-align:justify;
font-size:14px;

position:relative;


 overflow:hidden;

 -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;


}


.line
{
    height:50px;
    text-align:center ;

}


blockquote{padding-left: 6px; padding-bottom : 7px; font-family: "PF Tempesta Seven Condensed"; font-size:14px; border-left: 6px solid {color:Link}; text-shadow:1px 1px 0px #fff;  width:auto; margin-left:5px; padding-right:6px; padding-top:4px;}


#text
{
   width:500px;

}

#text img
{
    width:auto;
    height:auto;
}

#photo img
{


}

#quote
{

}


#ask
{


}

#ask img
{
    width:inherit;
    height:auto;
}


#answer img
{
   width:inherit;
    height:auto;
}


.tags
{
    font-size:12px;
    text-align:center;
}

#icon
{
    width:15%;
    margin-top:15%;
    margin-right:-1px;
    margin-left:75%;
    padding-right:5%;

    position:fixed;
    font-size:12px;

}

#icon img
{
    border:5px solid #0cc;
     -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear;

}

#icon img:hover
{
    border:5px solid #4d8876;
}


.current_page
{

    color:#0ce;
}


#nav
{
    font-size:10px;

}

  #nav ul
  {
      display:block;
    width:auto;
    border-bottom:{color:Linkhover} solid 1px ;
    margin:1%;
  }

  #nav a
  {
      color:{color:Link};
      -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear;
  }

 #nav a:hover
  {
      color:{color:Linkhover};
  }

.title a
{
    color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
    text-transform:uppercase;
    font-size:16px;
}

.title a:hover
{
    color:{color:Linkhover};
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
    text-transform:uppercase;
    font-size:16px;
}


h1
{
    font-size:72px;
}


 </style>


</head>

<body>


<div id="icon">


<br>
 <div class="title"><a href="/">{title}</a></div>

 {Description}

<ul>

{block:Pagination}

            {block:PreviousPage}

                <a href="{PreviousPage}">Previous</a>


            {/block:PreviousPage}


            {block:NextPage}

                <a href="{NextPage}">Next

                </a>
            {/block:NextPage}

        {/block:Pagination}
</ul>

        <div id="nav">
 {block:AskEnabled}


      <ul><a href="/ask" >{asklabel}</a></ul>


{/block:AskEnabled}
{block:HasPages}
{block:Pages}
 <ul><a href="{URL}"> {Label} </a></ul>


{/block:Pages}
{block:TagPage}
 <ul><span title="{Tag}">     &#9733; </span> </ul>


{/block:TagPage}


{block:DayPage}
  <ul>{Month} {DayOfMonth} {Year}</ul>

{/block:DayPage}

{/block:HasPages}

 {block:SubmissionsEnabled}
   <ul><a href="/submit" > {Submitlabel} </a></ul>


{/block:SubmissionsEnabled}


<ul><a href="http://rishtaywaliaunty.tumblr.com/">Theme</a></ul>


</div>

</div>


</div>


</div>


<div class="container">

<div id="posts">


{block:Posts}


{block:Text}


<div id="text">
{block:Title}

<div class="titletext"><a href="{Permalink}"></a>{Title}</div>
{/block:Title}
<div class="postbody">
{Body}
</div>
</div>

{/block:Text}


{block:Photo}


<div id="photo">

{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width="100%"  />{LinkCloseTag}

</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}


{block:Chat}

         <div id="post">
        {block:Title} <div class="titletext"><a href="{Permalink}">&#9733;</a>{Title}</div>{/block:Title}

          <ul class="chat">
                            <div class="postbody">
                            {block:Lines}

                                <li class="{Alt} user_{UserNumber}">

                                    {block:Label}
                                        <span class="label"><b>{Label}</b></span>
                                    {/block:Label}

                                    {Line}

                                </li>

                            {/block:Lines}
                            </div>
                        </ul>
                        </div>

        {/block:Chat}


{block:Quote}


        <div id="quote">


          <div class="words {Length}">{Quote}</div>


          {block:Source}<p class="source">&mdash; {Source}</p>{/block:Source}

        </div>

        {/block:Quote}


  {block:Photoset}


  <div id="photoset">

{Photoset}


{block:Caption}<div id="caption" >{Caption}</div>{/block:Caption}
</div>

{/block:Photoset}

{block:Link}

  <div id="link">
                    <li>
                    <a href="{URL}" class="link" {Target}>{Name}</a>
                    </li>
                        {block:Description}
                            <div class="postbody">{Description}</div>
                        {/block:Description}
                    </div>

                {/block:Link}


{block:Video}

  <div id="post">
                    <li class="post video">
                        {Video-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                    </div>

                {/block:Video}


                {block:Audio}

                  <div id="audio">
                       {AudioPlayerGrey}


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

                {/block:Audio}

                {block:Answer}

                  <div id="post">


                <div id="ask">

               <div class="asker">{Asker}:</div>{Question}
               </div>

              <br>


                <div id="answer">Answer:{answer}</div>
                </div>


                {/block:Answer}

  <div class="tags">


  {block:HasTags}

                        {block:Tags}

                                <a href="{TagURL}">#{Tag}</a>

                        {/block:Tags}


                {/block:HasTags}

                <div class="was-noted">


<!-- Only rendered if the post noted -->
<a href="{Permalink}" class="was-noted" title="{NoteCountWithLabel}"> {NoteCountWithLabel}</a>
{/block:NoteCount}

</a>

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

{/block:Date}
 </div>

 <div class="line">
 <hr><a href="{Permalink}">❂</a><hr>
</div>


</div>


{PostNotes}


{/block:Posts}

</div>


</div>
</div>


</body>
</html>