Gold Cobra Theme

<!--

Theme by scarlet forsetis

-->

<!DOCTYPE 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="color:bold" content="#ccdd66"/>
<meta name="color:italic" content="#dfea98"/>
<meta name="color:underline" content="#cccccc"/>
<meta name="color:background" content="#ffffff"/>
<meta name="color:text" content="#aaaaaa"/>
<meta name="color:link" content="#ccdd66"/>
<meta name="color:hover" content="#ebf1c2"/>
<meta name="color:desc border" content="#000"/>
<meta name="color:sidelink border" content="#000"/>
<meta name="color:post bg" content="#fff"/>
<meta name="color:border" content="#3bb5bb"/>
<meta name="color:ask bubble" content="#ebf1c2"/>
<meta name="color:info bg" content="#eee"/>
<meta name="color:scrollbar" content="#ecf2c1">
<meta name="color:selection text" content="#888888"/>
<meta name="color:selection bg" content="#eeeeee"/>

<meta name="text:google font" content="Karla"/>
<meta name="text:title font" content="Bebas Neue"/>
<meta name="text:text size" content="16"/>
<meta name="text:title size" content="30"/>
<meta name="text:blog title" content="input a title"/>
<meta name="text:sidebar margin left" content="0"/>
<meta name="text:sidebar margin top" content="300"/>
<meta name="text:sideimg top" content="100"/>
<meta name="text:sideimg left" content="-300"/>

<meta name="if:glow" content="1"/>

<meta name="image:sidebar img" content=""/>
<meta name="image:sidebar img bg" content=""/>
<meta name="image:bg" content=""/>
<meta name="image:post bg" content=""/>

<meta name="text:Link 1 URL" content="" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 2 URL" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 3 URL" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 4 URL" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 5 URL" content="" />
<meta name="text:Link 5" content="" />

<link href="https://fonts.googleapis.com/css?family={text:Google Font}:700,400" rel="stylesheet">
<!-- these are the title font options -->
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Bebas+Neue&family=Caveat+Brush&family=Fredoka+One&family=Galada&family=Henny+Penny&family=Mystery+Quest&family=Nanum+Pen+Script&family=Nosifer&family=Pacifico&family=Passion+One&family=Permanent+Marker&family=UnifrakturMaguntia&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>

<style type="text/css">

::-webkit-scrollbar{height: 0px; width: 10px; background:{color:background}; }

::-webkit-scrollbar-thumb{background:{color:scrollbar}; border:4px solid {color:background};}
::-webkit-scrollbar-track{background:{color:italic}; border:4px solid {color:background};}

body {
background:{color:background};
background-image:url('{image:bg}');
background-attachment:fixed;
color:{color:text};
font-family:{text:google font}, sans-serif;
font-size:{text:text size}px; /* If you make this tiny as hell I will come for you */
text-align:justify;
margin:0;
line-height:120%;
word-wrap:break-word;
}

blockquote {
padding:5px;
border-left:1px solid {color:border};
margin-left:0px;
}

b,strong{
color:{color:bold};
background-color:{color:selectrion bg};
font-weight:500;
}

i,em{
color:{color:italic};
}

u{
color:{color:underline};
text-decoration:none;
border-bottom:1px solid rgba({RGBcolor:border}, 0.7);
}

a {
color:{color:link};
text-decoration:none;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

a:hover {
color:{color:hover};
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

#sidebar {
text-align:left;
position:fixed;
margin-left:{text:sidebar margin left}px;
margin-top:{text:sidebar margin top}px;
width:400px;
height:auto;
line-height:60%;
z-index:11;
}

.title {
color:{color:bold};
font-size:{text:title size}px;
line-height:100%;
font-family:{text:title font};
-webkit-text-stroke: 2px {color:desc border};
}

.sideimg {
position:fixed;
margin-left:{text:sideimg left}px;
margin-top:{text:sideimg top}px;
}

.sideimg img {
max-width:550px;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

.sideimg img:hover {
opacity:0;
}

.sideimg2 {
z-index:-2;
position:fixed;
margin-left:{text:sideimg left}px;
margin-top:{text:sideimg top}px;
-webkit-mask-image: url('{image:sidebar img}')
}

.links {
width:400px;
text-align:left;
}

.links a {
margin-right:5px;
text-transform:uppercase;
font-weight:bold;
display:inline-block;
text-shadow: 1.5px 0 {color:sidelink border}, 0 1.5px {color:sidelink border}, -1.5px 0 {color:sidelink border}, 0 -1.5px {color:sidelink border}, 0 0 3px {color:sidelink border};
margin-bottom:5px;
}

#desc {
width:400px;
line-height:100%;
text-align:left;
font-size:{text:text size}px;
text-shadow: 1.5px 0 {color:desc border}, 0 1.5px {color:desc border}, -1.5px 0 {color:desc border}, 0 -1.5px {color:desc border}, 0 0 3px {color:desc border};
}

#contain {
margin-left:500px;
margin-top:0px;
}

#entries {
margin-top:75px;
width:500px;
z-index:1;
}

#posts {
background:{color:post bg};
{block:ifglow}
-webkit-box-shadow: 0 0 15px rgba({RGBcolor:border}, 0.5);
{/block:ifglow}
width:500px;
margin-left:50px;
margin-bottom:75px;
border:1px solid {color:border};
padding:20px;
}

#posts img {
max-width:100%;
height:auto;
}

#quote{
text-align:left;
font-size:14px;
line-height:18px;
}

#source {
margin-top:15px;
text-align:right;
}

.player {
width:25px;
height:25px;
overflow:hidden;
position:absolute;
background:white;
}

.audioinfo {
margin-left:50px;
line-height:120%;
}

.bubble {
width:420px;
position: relative;
background:{color:ask bubble};
left:60px;
margin: 0;
padding:10px;
text-align:center;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
-moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
box-shadow: 0px 0 1px rgba(0,0,0,0);
}

.bubble:after {
position: absolute;
display: block;
content: "";
border-color: {color:ask bubble} transparent transparent transparent;
border-style: solid;
border-width: 15px 15px 0px;
height:0;
width:0;
position:absolute;
left:-15px;
top:10px;
}

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

.line {
list-style:none;
padding:5px 0;
}

.label {
text-decoration:bold;
}

#info {
width:490px;
text-align:justify;
line-height:100%;
margin-top:10px;
height:auto;
background:{color:info bg};
letter-spacing:2px;
padding:5px;
font-size:12px;
text-transform:uppercase;
}

#info span {
background:{color:info bg};
letter-spacing:2px;
font-size:12px;
text-transform:uppercase;
}

#perma {
margin-top:10px;
padding:5px;
text-transform:uppercase;
background:{color:info bg};
font-size:12px;
color:{color:text};
text-transform:normal;
font-style:normal;
letter-spacing:2px;
text-align:center;
}

#perma a {
color:{color:link};
}

.note li {
list-style-type:none;
padding:10px 25px 10px 25px;
text-align:left;
margin:0px;
margin-left:-35px;
border-bottom:1px solid {color:border};
line-height:120%;
font-size:12.5px;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

.notes img {
display:none!important;
}

video {
max-width:100%;
}

#s-m-t-tooltip {
z-index: 9999;
background: {color:background};
font-size: 10px;
line-height: 11px;
font-family: arial;
letter-spacing: 1px;
text-transform: normal;
color: {color:text};
max-width: 150px;
word-wrap: break-word;
padding: 2px 5px 2px 6px;
display: block;
margin: 24px 14px 7px 12px;
-webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
-moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
}

::selection {
background:{color:selection bg};
color:{color:selection text};
}

{CustomCSS}

</style>

</head>

<body>

<div id="contain">
<div class="sideimg"><img src="{image:Sidebar img}"></div>
<div class="sideimg2"><img src="{image:sidebar img bg}"></div>
<div id="sidebar">
<div class="title">{text:blog title}</div>
<br>
<div class="links">
<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>
<a href="{text:Link 4 URL}">{text:Link 4}</a>
<a href="{text:Link 5 URL}">{text:Link 5}</a>
</div>
<br>
<div id="desc">{Description}</div>

</div>

<div id="entries">

{block:Posts}

{block:HasTags}<div style="position:absolute; margin-left:620px; margin-top:20px; font-size: 12.5px; line-height:100%; max-width:200px;">{block:Tags}<a href="{TagURL}">#{Tag}</a><br>{/block:Tags}</div> {/block:HasTags}
<div id="posts">

{block:Quote}
<div id="quote">“{Quote}”</div>
{block:Source}<div id="source">— {Source}</div>{/block:Source}
{/block:Quote}

{block:Text}
{block:Title}
<div id="title"><div style="font-size:17px; text-align:left;">{Title}</div></div>{/block:Title}
{Body}
{/block:Text}

{block:Link}
<div id="title">
<div style="font-size:17px; text-align:left;"><a href="{URL}">{Name} »</a></div></div>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<h1>{Title}</h1>
{/block:Title}
<div class="chat">
<ol>{block:Lines}
<li class="line {Alt}">
{block:Label}
<span class="label">
<b>{Label}</b></span>
{/block:Label}{Line}</li>
{/block:Lines}
</ol></div>
{/block:Chat}

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

{block:Photoset}
<center>{Photoset-500}</center>
{/block:Photoset}

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

{block:Audio}<div class="player">{AudioPlayerWhite}</div><div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br> by {Artist}{/block:Artist}</div>
{/block:Audio}


{block:Answer}
<div class="post">
<div class="askerportrait"><img style="border-radius:50px;" src="{AskerPortraitURL-40}" align="left"  /></div><div class="bubble">{Asker} asked: {Question}</div><br>
<div style="margin-left:0px;">{Answer}</div>
</div>
{/block:Answer}

{block:IndexPage}
<div id="perma">
posted <a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}</div>
{block:IndexPage}

{block:PermalinkPage}
{block:Date}
<div id="info">
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
<b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
<span>
{block:NoteCount}
<b>Notes:</b> {NoteCount}<br>
{/block:NoteCount}
{block:RebloggedFrom}
<b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
{/block:RebloggedFrom}
{block:ContentSource}
<b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
{/block:ContentSource}
{block:HasTags}
<b>Tagged:</b>
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
{/block:HasTags}
</div>
</span>
{/block:Date}
{/block:PermalinkPage}

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

</div>

{/block:Posts}

{block:Pagination}
<div style="margin:-20px auto 50px auto; margin-left:150px; text-align:center; text-transform:uppercase; font-weight:bold;">
{block:PreviousPage}<a href="{PreviousPage}">prev</a>&nbsp;&nbsp;{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
</div>
{/block:Pagination}

<div style="position:fixed;bottom:3px; right:3px; font-size:11px; letter-spacing:1px; font-family:arial;"><a href="https://forsetis.tumblr.com" title="Theme">TH</a>
</div>

</div>

</div>

</body></html>