Danger 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:title text" content="#eee"/>
<meta name="color:link" content="#ccdd66"/>
<meta name="color:hover" content="#ebf1c2"/>
<meta name="color:post outer" content="#fff"/>
<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 right" content="200"/>
<meta name="text:sidebar margin bottom" content="300"/>
<meta name="text:sideimg bottom" content="0"/>
<meta name="text:sideimg right" content="0"/>
<meta name="text:sideimg2 bottom" content="200"/>
<meta name="text:sideimg2 right" content="200"/>

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

<meta name="image:sidebar img" content=""/>
<meta name="image:sidebar decor" content=""/>
<meta name="image: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="" />

<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=Anton&family=Chewy&family=Coda+Caption&family=Fredoka+One&family=Lobster&family=Roboto+Condensed:wght@400;700&family=Vast+Shadow&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:selection 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;
}

h1 {
color:{color:text};
font-size:20px;
letter-spacing:0.5px;
line-height:100%;
font-family:{text:title font};
}

h2 {
color: {color:text};
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
background-color:{color:selection bg};
}

{block:ifgrayscale}
img {
webkit-filter-grayscale:(100%);
}
{/block:ifgrayscale}

#sidebar {
text-align:left;
position:fixed;
left:990px;
top:250px;
width:300px;
height:280px;
line-height:120%;
z-index:11;
padding:20px;
padding-bottom:0px;
}

.title {
color:{color:title text};
font-size:{text:title size}px;
line-height:100%;
margin-left:10px;
letter-spacing:0.5px;
text-transform:uppercase;
font-family:{text:title font};
}

.sideimg {
position:fixed;
z-index:-11;
top:0px;
left:0px;
}

.sideimg img {
width:500px;
border-left:50px solid {color:border};
border-right:1px solid {color:border};
}

.links {
width:300px;
text-align:left;
margin-top:5px;
}

.links a {
margin-right:5px;
padding:2px 3px;
font-size:12px;
color:{color:link};
letter-spacing:2px;
border:1px solid {color:border};
background-color:{color:info bg};
text-transform:uppercase;
display:inline-block;
}

.links a:hover {
box-shadow:inset 0 -20px 0 0 {color:border};
color:{color:post bg};
 }

#desc {
margin-top:10px;
width:300px;
line-height:120%;
text-align:left;
font-size:{text:text size}px;
}

#contain {
left: 470px;
top:0px;
position:absolute;
}

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

#posts {
background:{color:post bg};
width:400px;
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:100%;
font-style:italic;
text-transform:lowercase;
background-color:{color:selection bg};
}

#source {
margin-top:15px;
font-size:12px;
letter-spacing:1px;
text-transform:uppercase;
text-align:right;
}

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

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

.bubble {
width:320px;
position: relative;
background:{color:ask bubble};
left:60px;
margin: 0;
padding:10px;
text-align:center;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-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:390px;
text-align:justify;
line-height:120%;
margin-top:10px;
height:auto;
padding:5px;
}

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

#perma {
margin-top:7px;
position:absolute;
padding:5px;
text-transform:uppercase;
background:{color:info bg};
font-size:12px;
border:1px solid {color:border};
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:post bg};
font-size: 10px;
line-height: 11px;
font-family: arial;
letter-spacing: 1px;
text-transform: uppercase;
color: {color:text};
max-width: 150px;
word-wrap: break-word;
padding: 2px 5px 2px 6px;
display: block;
margin: 24px 14px 7px 12px;
}

::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="sboverlay"></div>
<div id="sidebar">
<img src="{image:sidebar decor}" style="position:absolute; width:300px; margin-top:-140px; height:200px; background:{color:border}; z-index:-1;">
<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>
</div>
<div id="desc">{Description}</div>

</div>

<div id="entries">

{block:Posts}

<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}<h1>{Title}</h1>{/block:Title}
{Body}
{/block:Text}

{block:Link}
<h2><a href="{URL}">{Name} »</a></h2>
{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-400}" alt="{PhotoAlt}"/></center>
{LinkCloseTag}
{/block:Photo}

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

{block:Video}
{Video-400}
{/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:PermalinkPage}
{block:Date}
<div id="info">
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
<span>
<b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
{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}
</span>
</div>
{/block:Date}
{/block:PermalinkPage}

{block:indexpage}
<div id="perma">
{NoteCount} at <a href="{permalink}" title="{TimeAgo}">{12Hour}:{minutes} {ampm}</a></div>
{block:IndexPage}

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

</div>

{/block:Posts}

{block:Pagination}
<div style="margin:-20px auto 50px auto; margin-right:-45px; 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 by me, don't lift it">TH</a>
</div>

</div>

</div>

</body></html>