twink rights theme by toc

<!--twink rights theme by @toc
!-->
<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:icon" content=""/>
        <meta name="image:container bg" content=""/>

        <meta name="color:bg" content=""/>
        <meta name="color:text" content=""/>
        <meta name="color:link" content=""/>
        <meta name="color:link hover" content=""/>
        <meta name="color:post bg" content=""/>
        <meta name="color:container" content=""/>
        <meta name="color:post bg" content="">

        <meta name="text:font size" content="20px"/>
        <meta name="text:link 1" content="link"/>
        <meta name="text:link 2" content="link"/>
        <meta name="text:link 3" content="link"/>
        <meta name="text:link 1 url" content="link"/>
        <meta name="text:link 2 url" content="link"/>
        <meta name="text:link 3 url" content="link"/>

        <meta name="if:lesbian" content=""/>
        <meta name="if:gay" content=""/>
        <meta name="if:bisexual" content=""/>
        <meta name="if:trans" content=""/>
        <meta name="if:nb" content=""/>
        <meta name="if:pansexual" content=""/>
        <meta name="if:link glow" content=""/>
        <meta name="if:desc" content=""/>
        <meta name="if:links"content=""/>

        <style>

            body{
                font-family:{text:font};
                font-size:{text:font size};
                color:{color:text};
                background-color:{color:bg};
            }

            a{
                color:{color:link};
                {block:iflinkglow}
                text-shadow: 0 0 3px {color:link glow};
                {/block:iflinkglow}
                text-decoration:none;
                -webkit-transition-duration: .3s;
               -moz-transition-duration: .3s;
               -o-transition-duration: .3s
            }

            a:hover{
                color:{color:link hover};
                -webkit-transition-duration: .3s;
               -moz-transition-duration: .3s;
               -o-transition-duration: .3s
            }

            #sidebar{
                width:300px;
                height:200px;
                margin-top:10px;
                background-color:red;
                {block:iflesbian}
                background-image:url('https://cdn.discordapp.com/attachments/456469437793566722/456469566231412741/lesbian_by_pride_flags-d9c81eh.png');
                {/block:iflesbian}
                 {block:ifgay}
                background-image:url('https://cdn.discordapp.com/attachments/456469437793566722/456469568253067286/philidelphia_gay_pride_by_pride_flags-dbc5lui_1024x1024.png');
                {/block:ifgay}
                {block:ifbisexual}
                background-image:url('https://cdn.discordapp.com/attachments/456469437793566722/456469564817932301/flat550x550075f.u2.jpg');
                {/block:ifbisexual}
                {block:iftrans}
                background-image:url('https://cdn.discordapp.com/attachments/456469437793566722/456469570082045974/Trans_Pride_Flag_1_1024x1024.jpg');
                {/block:iftrans}
                {block:ifnb}
                background-image:url('https://cdn.discordapp.com/attachments/456469437793566722/456469567238176789/nonbinary__1__by_pride_flags-d8zu7u6.png');
                {/block:ifnb}
                {block:ifpansexual}
                background-image:url('https://cdn.discordapp.com/attachments/456469437793566722/456469563631075349/download.png');
                {/block:ifpansexual}
                background-size:cover;
            }

            #sidebar img{
                max-width:300px;
                max-height:200px;
                bottom:10px;
            }

            .desc{
                padding:10px;
            }

            .desc a{
               color:{color:link};
                {block:iflinkglow}
                text-shadow: 0 0 3px {color:link glow};
                {/block:iflinkglow}
                text-decoration:none;
                -webkit-transition-duration: .3s;
               -moz-transition-duration: .3s;
               -o-transition-duration: .3s
            }

            .desc a:hover{
                color:{color:link hover};
                -webkit-transition-duration: .3s;
               -moz-transition-duration: .3s;
               -o-transition-duration: .3s
            }

            #container{
                width:500px;
                height:370px;
                background-color:{color:container};
                overflow-y:scroll;
                overflow-x:hidden;
                background-image:url('{image:container bg}');
                background-size:cover;
            }

            .post{
                background-color:{color:post bg};
                width:400px;
                margin-top:5px;
            }

            .post img{
                margin-top:5px;
            }

        </style>

    </head>
    <body>
    <center>
        <div id="sidebar">
        <img src="{image:icon}">
        </div>
        <div class="desc">
        {block:ifdesc}
        {Description}
        {/block:ifdesc}
        {block:iflinks}
        <a href="{text:link 1 url}">{text:link 1}</a> /
        <a href="{text:link 2 url}">{text:link 2}</a> /
        <a href="{text:link 3 url}">{text:link 3}</a>
        {/block:iflinks}
        </div>
        <div id="container">
{block:Posts}

<div class="post">


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


{block:Photo}
{LinkOpenTag}
<img src="{PhotoURL-250}" alt="{PhotoAlt}">
{LinkCloseTag}
{block:Caption}<p>{Caption}</p>{/block:Caption}
{/block:Photo}


{block:Photoset}
{Photoset-250}
{block:Caption}<p>{Caption}</p>{/block:Caption}
{/block:Photoset}


{block:Quote}
<h4>"{Quote}"</h4>
{block:Source}<p>{Source}</p>{/block:Source}
{/block:Quote}


{block:Link}
<h3><a href="{URL}" target="_blank">{Name}</a></h3>
{block:Description}<p>{Description}</p>{/block:Description}
{/block:Link}

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


{block:Audio}
{AudioPlayerBlack}
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}


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


{block:Answer}
{Asker} said: "{Question}"
{Answer}
{/block:Answer}



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


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


{block:NoteCount} with {NoteCountWithLabel}</p>{/block:NoteCount}


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


{block:PermalinkPage}

{block:PostNotes}
{PostNotes}
{/block:PostNotes}

{/block:PermalinkPage}


{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}

</div>

{/block:Posts}

</div>

 <p id="footer">
            {block:PreviousPage}
                <a href="{PreviousPage}">&#171; Previous</a>
            {/block:PreviousPage}{block:NextPage}
                <a href="{NextPage}">Next &#187;</a>
            {/block:NextPage}
        </p>
        </div>
    </body>
</html>