Rivergronrph's Theme #3 "Wings"

<!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" xml:lang="en" lang="en">

    <link href='http://fonts.googleapis.com/css?family=Lobster' 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}

  <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>

<!---
Theme by Stephanie @ Rivergronrphelper
            .
           .|.
           |||
           |||
           |||
           |||
           j_I  K&M4E
          .)_(.
          |===|
          /___\
         //___\\
        /=======\
       / .-"""-. \
      |__|     |__|
--->


<meta name="color:Background" content=""/>
<meta name="color:container" content=""/>
<meta name="color:Text" content=""/>
<meta name="color:Sidebar Links" content=""/>
<meta name="color:DescriptionText" content=""/>
<meta name="color:Border" content=""/>
<meta name="color:Hover" content=""/>
<meta name="color:Scrollbar" content=""/>
<meta name="color:ScrollbarBg" content=""/>
<meta name="color:Post Links" content=""/>
<meta name="color:Post background" content=""/>
<meta name="color:Answer Backg" content=""/>
<meta name="color:bold" content=""/>
<meta name="color:links text" content=""/>
<meta name="color:links background" content=""/>
<meta name="color:links background hover" content=""/>
<meta name="color:topbar" content=""/>

<meta name="image:leftsidebar" content=""/>
<meta name="image:rightsidebar" content=""/>
<meta name="image:pcontainer" content=""/>
<meta name="image:Background" content=""/>

<meta name="text:quote" content="" />
<meta name="text:Link1" content="" />
<meta name="text:Link1 URL" content="" />
<meta name="text:Link2" content="" />
<meta name="text:Link2 URL" content="" />
<meta name="text:Link3" content="" />
<meta name="text:Link3 URL" content="" />
<meta name="text:Link4" content="" />
<meta name="text:Link4 URL" content="" />
<meta name="text:Link5" content="" />
<meta name="text:Link5 URL" content="" />
<meta name="text:Link6" content="" />
<meta name="text:Link6 URL" content="" />


<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>

<script src=”http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>

<script>

(function($){

$(document).ready(function(){

$(“a[title]”).style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:30,

tip_fade_speed:300,

attribute:”title”

});

});

})(jQuery);

</script>

<style type="text/css">

@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(http://fonts.gstatic.com/s/lobster/v12/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


b, strong {
    font-weight:bold;
    color:{color:bold};
}

#title {
    font-family:'lobster', cursive;
    font-size:35px;
 color:{color:topbar};
    margin-top:15px;
    margin-left:-15px;
    text-align:center;
    text-shadow: 1px 1px 1px black;
        position:fixed;
        font-style:italic;
        font-weight:bold;
}

#title a {
 color:{color:topbar};
    text-shadow: 1px 1px 1px black;
}


div#qTip {
display: none;
text-align: center;
position :absolute;
letter-spacing: 0px;
text-transform: uppercase;
margin-top:10px;
z-index: 5;
font: 9px;
font-family: georgia;
padding:4px; color: {color:text};
background: {color:post background};
border: 1px solid {color:border}}

pre {
text-align: center;
line-height:10px;
letter-spacing:1px;
padding:3px;
background-color:{color:links background};
color:{color:links text};
font-family:Georgia;
 text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
border-left: 3px solid  {color:border};
border-right: 3px solid  {color:border};
text-transform:uppercase;
font-size:11px;
}

::-webkit-scrollbar-thumb {
height:auto;
background-color:{color:Scrollbar};
}

::-webkit-scrollbar {
height:9px;
width:5px;
padding:none;
background-color:{color:ScrollbarBg};
}

#leftsidebar {
position:fixed;
background-color:{color:container};
background-image:url({image:leftsidebar});
 margin-top:0px;
 left:15px;
 width:335px;
height:100%;
 overflow:hidden;
 border-left:1px solid  {color:border};
  border-right:1px solid  {color:border};
}

#rightsidebar {
position:fixed;
background-color:{color:container};
background-image:url({image:rightsidebar});
 margin-top:0px;
 margin-left:1000px;
 width:335px;
 height:100%;
 overflow:hidden;
 border-left:1px solid  {color:border};
  border-right:1px solid  {color:border};
}

body {
background:{color:background};
margin:0px;
color:{color:text};
font-family:calibri;
font-size:11.5px;
line-height:100%;
letter-spacing:0px;
text-align:justify;
background-image:url('{image:Background}');
}

a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:{color:Post Links};
font-weight:bold;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}

a:hover {
    text-shadow: 1px 1px 1px black;
    -webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}

img {
    border:none;
}

blockquote {
padding-left:5px;
border-left:2px solid;
}

blockquote blockquote {
padding-left:5px;
border-left:2px solid;
}

h1 {
    font-family:'lobster', cursive;
    line-height:22px;
    font-size:24px;
letter-spacing:2px;
font-style:none;
padding:0px;
text-shadow: 1px 1px 0.5px black;
color:{color:background};
text-align:center;
font-style:italic;

}

h2 {
    font-family:'lobster', cursive;
    line-height:22px;
    font-size:20px;
    font-style:italic;
    width:500px;
}

.qsource {
    margin-top:10px;
margin-left:305px;
letter-spacing:1px;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
font-style:italic;
font-family:georgia;
font-size:10px;
}

a:hover {
color:#000000;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}


/*ENTRIES*/

#entries {
    position:absolute;
    width:535px;
    margin-left:0px;
    margin-top:0px}

#posts {
    background-color:{color:post background};
    padding:15px;
    margin-bottom:40px;
    border:1px solid  {color:border}}

    #pcontainer {
    background-color: {color:container};
    background-image:url({image:pcontainer});
    width:530px;
    height:586px;
    padding: 10px 25px;
    top:80px;
    border-top:1px solid  {color:border};
    border-left:1px solid  {color:border};
    border-right:1px solid  {color:border};
    margin-top:-20px;
    margin-left:395px;
    position:fixed;
    overflow-y:scroll;
    overflow-x:hidden;}


/*POST INFO*/

#info {
width:500px;
text-align:left;
font-family:'trebuchet ms';
margin-top:3px;
margin-left:px;
letter-spacing:1px;
font-size:7px;
font-style:none;
padding:7px;
line-height:10px;
text-transform:uppercase;
border-top:1px solid;
border-color:{color:Border};
}

#info a {
text-align:center;
color:{color:Post Links};
}

#info a:hover {
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
color:{color:Hover}
}

#tags {
float:left;
width:489px;
margin-top:-5px;
margin-left:-5px;
text-align:left;
font-size:7px;
padding:5px;
font-size:8px;
opacity:1;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s
color:{color:Post Links};
}

#tags a {
letter-spacing:1px;
font-weight:bold;
font-size:9px;
text-align:center;
font-family:'CALIBRI';
text-decoration:none;
display:inline-block;
color:{color:Post Links};
}

#tags a:hover {
background-color:#fff;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
color:{color:Hover};
text-shadow:1px 1px 1px black;
font-style:italic;
}



/*CREDIT! DO NOT TOUCH*/

#cred {
position:fixed;
font-weight:bold;
font-family:georgia;
text-transform:uppercase;
font-size:12px;
right:14px;
padding:4px;
bottom:1px;
letter-spacing:1px;
color:{color:background};
text-shadow: 1px 1px 0px black;

}


#cred a {
    color:{color:post background};
}

#cred a:hover{
    color:{color:hover};
}



#pagination {
font-style:bold;
margin-left:485px;
padding:4px;
text-transform:uppercase;
font-family:georgia;
letter-spacing:1px;
margin-top:20px;
text-align:center;
padding:2px;
text-shadow: 1px 1px 1px black;
position:fixed;
 font-style:bold;
 font-size:20px;
 color:{color:topbar};
}

#pagination a{
 color:{color:topbar};
}

#pagination a:hover{
color: black;
 -moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s
}

#topbox {
position:fixed;
width:562px;
height:35px;
margin-left:395px;
margin-top:5px;
font-size:8px;
padding:10px;
color:{color:sidebar text};
line-height:18px;
text-align:center;
line-height:10px;
}

#leftsidebar:hover #leftbox {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#leftbox {
    width:256px;
    height:235px;
    padding:10px;
    position:fixed;
    margin-left:27px;
    margin-top:385px;
    background:{color:post background};
    border:1px solid {color:border};
    overflow:auto;
    opacity:1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#rightsidebar:hover #rightbox {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#rightbox {
    padding:10px;
    width:256px;
    height:235px;
    position:fixed;
    margin-left:27px;
    margin-top:385px;
    background:{color:post background};
    border:1px solid {color:border};
    overflow:hidden;
    opacity:1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

 #quote {
  position:fixed;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  font-size:14px;
  line-height:20px;
  margin-top:50px;
  height:100px;
  width:255px;
  font-style:italic;
  font-family:georgia;
 }

 #nav {
text-align:center;
margin-top:2px;
margin-left:2px;
}

#nav a {
display:inline-block;
text-transform:uppercase;
font-weight:bold;
text-shadow: 1px 1px 1px black;
font-style:italic;
font-size:16px;
letter-spacing:1.4px;
font-family: georgia;
width:50px;
height:5px;
background-color:{color:links background};
padding:10px 0;
margin-left:2px;
margin-right:-1px;
margin-bottom:2.5px;
color:{color:links text};
border:1px solid {color:border};
line-height:3.5px;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
transition: all 0.5s ease-in

}

#nav a:hover {
background-color:{color:links background hover};
border:1px solid {color:border};
color:{color:links text};
text-shadow: 1px 1px 1px black;
box-shadow:1px 1px 1px black;
font-style:italic;

}

#nav2 {
text-align:center;
margin-top:175px;
}

#nav2 a {
display:inline-block;
text-transform:uppercase;
font-weight:bold;
text-shadow: 1px 1px 1px black;
font-style:italic;
font-size:16px;
letter-spacing:1.4px;
font-family: georgia;
width:50px;
height:5px;
background-color:{color:links background};
padding:10px 0;
margin-left:2px;
margin-right:-1px;
margin-bottom:2.5px;
color:{color:links text};
border:1px solid {color:border};
line-height:3.5px;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
transition: all 0.5s ease-in

}

#nav2 a:hover {
background-color:{color:links background hover};
border:1px solid {color:border};
color:{color:links text};
text-shadow: 1px 1px 0px {color:links background};
box-shadow:1px 1px 1px #000000;
font-style:italic;

}

/* POSTS */

.chat {
 overflow:hidden;
}

.chat ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat li {
        margin-bottom: 2%;
    padding: 2%;
    width: 50%;
    border: 1px solid {color:border};
    color: {color:post background};
    text-shadow: 1px 1px 1px black;
    font-family: georgia;
    font-size:11px;
}

.chat .odd {
    float: left;
    background-color: {color:Answer Backg};
}
.chat .even {
    float: right;
background-color:{color:links background};
}

#question {
    background-color: {color:container};
    color:{color:post background};
    text-align: justify;
    font-size: 11px;
    font-style:none;
    margin-left: 55px;
    border-top: 1px solid {color:border};
    padding: 10px;}

#askerportrait {
    float:left;
    margin-left:20px;
    position: absolute;

}

#askerportrait img {
    margin-left:-30px;
    margin-top:-2px;
    width:60px;
    height:60px;
}

    #asker {
    text-align: left;
    border-bottom:1px solid white;
    padding-bottom:10px;
    font-size:20px;
    font-family:'lobster', cursive;
    font-weight:bold,
    text-shadow: 1px 1px .05px black;
    }

    #asker a {
        text-shadow: 1px 1px 1px black;

    }

#answer {
    padding-top:3px;
    text-align: justify;
    margin-top: -3px;}

    #notes {
        color: {color:post background};
        background-color:{color:container};
    }


{CustomCSS}</style></head><body>



<div id="leftsidebar" align="center">
<div id="leftbox">

<div id="description">{Description}</div></div>

<div id="rightsidebar" align="center">
<div id="rightbox">

<div id="nav">
<a href="/" title="home">I</a>
<a href="/ask" title="Message">II</a>
<a href="{text:Link1 url}" title="{text:Link1}">III</a>
<a href="{text:Link2 url}" title="{text:Link2}">IV</a>
    </div>

<div id="quote">{text:quote}</div>

   <div id="nav2">
<a href="{text:Link3 url}" title="{text:Link3}">V</a></a>
<a href="{text:Link4 url}" title="{text:Link4}">VI</a>
<a href="{text:Link5 url}" title="{text:Link5}">VII</a>
<a href="{text:Link6 url}" title="{text:Link6}">VIII</a>
    </div>

    </div></div>




 <div id="topbox">
<div id="title">{title}</div>
 <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div></div>
 </div>
 </div>
<br><br><br><br>

<div id="pcontainer">
<div id="entries">{block:Posts}<div id="posts">


{block:Text}
<h1>{block:Title}{Title}{/block:Title}</h1>
{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}{/block:Photo}

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

{block:Quote}<h2>"{Quote}"</h2>
{block:Source}<div class="qsource"> —{Source}</div>
{/block:Source}{/block:Quote}

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

{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="chat">
    <ul>
        {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
    </ul>
</div>
{/block:Chat}

{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
{/block:Audio}<br>

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

{block:Answer}
<div id="askerportrait"><img src="{AskerPortraitURL-64}"></span></div>
<div id="question">
 <div id="asker">{asker}:</div>
{Question}</div>

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

<div id="info">
{block:Date}
<a href="{Permalink}">{TimeAgo}</a> ( <a href="{Permalink}">{DayofWeek}, {Month} {DayOfMonthWithZero}, {Year} &mdash; {12Hour}:{Minutes}{CapitalAmPm}</a>? ) {/block:Date}</span> &nbsp;

<a href="{Permalink}">♥  {NoteCount} notes</a> &nbsp;

{block:RebloggedFrom}- <a title ="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}

{block:ContentSource}/ <a href="{SourceURL}">source</a></span> {/block:ContentSource}
{block:HasTags}<div id="tags">Filed Under:

{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
</div>{block:HasTags}
</div>
</div>
{/block:Posts}
<br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
{/block:Posts}</div></div></div>




<div id="cred">
<a href="http://rivergronrph.tumblr.com/tagged/my-themes">Cred.</a>
</div>
</div>



    </body></html>