Minecraft Theme

<!----------------------------------------
MINECRAFT THEME @lnfini
SIDEBAR IMAGE CREDIT: @transgirlminecraftbee

PLEASE FOLLOW THE RULES
---------------------------------------->

<!DOCTYPE html>

<html>

<head>

    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

    <meta name="viewport" content="width=1366">

    <meta name="image:Background" content=""/>
    <meta name="image:Sidebar" content=""/>
    <meta name="image:Ask Icon" content="https://gamepedia.cursecdn.com/minecraft_gamepedia/b/ba/Book_and_Quill.png"/>
    <meta name="image:Archive Icon" content="https://gamepedia.cursecdn.com/minecraft_gamepedia/9/99/Locked_Chest_Revision_1.png"/>
    <meta name="image:Submit Icon" content="https://gamepedia.cursecdn.com/minecraft_gamepedia/thumb/8/81/Hopper.png/150px-Hopper.png?version=38fd966fb267a2112ffc504ee4d26487"/>
    <meta name="image:Random Icon" content="https://c-4tvylwolbz88x24nhtlwlkphx2ejbyzljkux2ejvt.g00.gamepedia.com/g00/3_c-4tpuljyhma.nhtlwlkph.jvt_/c-4TVYLWOLBZ88x24oaawzx3ax2fx2fnhtlwlkph.jbyzljku.jvtx2ftpuljyhma_nhtlwlkphx2f7x2f78x2fNyhzz_Isvjr_AleabylBwkhal.wunx3fclyzpvux3d8jh7ij86h847858m8i9ljkmlllhil6mmx26p87j.thyrx3dpthnl_$/$/$/$/$"/>

    <meta name="color:Background" content="#e2ccff"/>
    <meta name="color:Post BG" content="#D3D3D3"/>
    <meta name="color:Info BG" content="#0f000f"/>
    <meta name="color:Text" content="#808080"/>
    <meta name="color:Hover Text" content="#fff"/>
    <meta name="color:Title Color" content="#bfbfbf"/>
    <meta name="color:Title Shadow" content="#bfbfbf"/>
    <meta name="color:Postcount" content="#fff"/>
    <meta name="color:Notes Color" content="#ad66ff"/>
    <meta name="color:Links Color" content="#fff"/>
    <meta name="color:Button One" content="#808080"/>
    <meta name="color:Button Two" content="#808080"/>
    <meta name="color:Button Three" content="#808080"/>
    <meta name="color:Button Four" content="#808080"/>
    <meta name="color:Button Five" content="#808080"/>
    <meta name="color:Button Six" content="#808080"/>

    <meta name="text:Link 1" content="Link 1"/>
    <meta name="text:Link 1 URL" content=""/>
    <meta name="text:Link 2" content="Link 2"/>
    <meta name="text:Link 2 URL" content=""/>
    <meta name="text:Link 3" content="Link 3"/>
    <meta name="text:Link 3 URL" content=""/>
    <meta name="text:Link 4" content="Link 4"/>
    <meta name="text:Link 4 URL" content=""/>
    <meta name="text:Title Size" content="90px"/>
    <meta name="text:Font Size" content="14px"/>


    <link href="https://fonts.googleapis.com/css?family=Lato|Roboto" rel="stylesheet">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/minecraftia" type="text/css"/>
    <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/minecraft" type="text/css"/>
    <link href='https://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>


<style>

/*---BASIC---*/


::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: {color:Background};
}

::-webkit-scrollbar-thumb {
    background: {color:Accent 4};
}

::-webkit-scrollbar-thumb:hover {
    background: {color:Accent 2};
}

::-moz-selection {
    color: {color:Accent 1};
    background: {color:Accent 4};
}

::selection {
    color: {color:Accent 1};
    background: {color:Accent 4};
}



html {
    font-size: 100%;

}

body {
    word-wrap: break-word;
    background-color: {color:Background};
    background-image: url('{image:background}');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
}

a {
    text-decoration: none;
    color: {color:Notes Color};
}
a:hover {
    color: {color:Hover Text};
}
.container {
    position: absolute;
    margin: 0px 0px 0px 60px;
    width: 900px;
    padding: 0;
}

/*---SIDEBAR---*/

.inventory {
    position: fixed;
    left: 25px;
    top: 160px;
    width:350px;
}

.sidebar {
    position: fixed;
    left: 50px;
    top: 330px;
    width: 300px;
    height: 100px;
    padding: 0;
}

.sidebarimg {
    position:fixed;
    left: 30px;
    top: 165px;
    width: 140px;
    height: 140px;
    padding: 10px;
    z-index: 4;
}

.menu {
    position: fixed;
    left: 200px;
    top: 213px;
    width: 30px;
    height: 29px;
    z-index: 4;
    padding: 1px;
}

.menu2 {
    position: fixed;
    left: 235px;
    top: 213px;
    width: 30px;
    height: 29px;
    z-index: 4;
    padding: 1px;
}

.menu3 {
    position: fixed;
    left: 200px;
    top: 249px;
    width: 30px;
    height: 29px;
    z-index: 4;
    padding: 1px;
}

.menu4 {
    position: fixed;
    left: 236px;
    top: 247px;
    width: 30px;
    height: 29px;
    z-index: 4;
    padding: 1px;
}

.mbtnmenu{
        position:fixed;
   display: inline-block;
  height: 30px;
  width: 80px;
}

.mbutton {
    position:fixed;
   display: inline-block;
  height: 30px;
  width: 80px;
  outline: 2px solid black;
  margin-top: 500px;
  display: inline-block;
  background-image: url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/button.png');
  background-repeat: repeat;
  padding: 2px;
  font-family: 'Minecraftiaregular', 'VT323', sans-serif;
  text-align: center;
  color: {color:Links Color};
  background-color:{color:Button One};
  text-shadow: 3px 3px #4C4C4C;
  border-bottom: 4px solid #565656;
  border-right: 2px solid #565656;
  border-left: 2px solid #AAA;
  border-top: 2px solid #AAA;
  box-sizing: border-box;
    font-size: 12px;
  cursor:pointer;
  z-index: 5;
}

.mbutton:hover {
  border-bottom: 4px solid #59639A;
  border-right: 2px solid #59639A;
  border-left: 2px solid #BDC6FF;
  border-top: 2px solid #BDC6FF;
  background-image: url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/buttonactive.png');
  color: #FFFFA0;

}

.mbutton2 {
    position:fixed;
  height: 30px;
  width: 80px;
  outline: 2px solid black;
  margin-top: 500px;
  margin-left: 100px;
  display: inline-block;
  padding: 2px;
  font-family: 'Minecraftiaregular', 'VT323', sans-serif;
  text-align: center;
  color: {color:Links Color};
  background-color:{color:Button Two};
  text-shadow: 3px 3px #4C4C4C;
  border-bottom: 4px solid #565656;
  border-right: 2px solid #565656;
  border-left: 2px solid #AAA;
  border-top: 2px solid #AAA;
  box-sizing: border-box;
    font-size: 12px;
  cursor:pointer;
  z-index: 5;
}

.mbutton2:hover {
  border-bottom: 4px solid #59639A;
  border-right: 2px solid #59639A;
  border-left: 2px solid #BDC6FF;
  border-top: 2px solid #BDC6FF;
  background-image: url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/buttonactive.png');
  color: #FFFFA0;
}

.mbutton3 {
    position:fixed;
  height: 30px;
  width: 80px;
  outline: 2px solid black;
  margin-top: 500px;
  margin-left: 200px;
  display: inline-block;
  background-image: url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/button.png');
  background-repeat: repeat;
  padding: 2px;
  font-family: 'MinecraftiaRegular', 'VT323';
  text-align: center;
  color: {color:Links Color};
  background-color:{color:Button Three};
  text-shadow: 3px 3px #4C4C4C;
  border-bottom: 4px solid #565656;
  border-right: 2px solid #565656;
  border-left: 2px solid #AAA;
  border-top: 2px solid #AAA;
  box-sizing: border-box;
    font-size: 12px;
  cursor:pointer;
  z-index: 5;
}

.mbutton3:hover {
  border-bottom: 4px solid #59639A;
  border-right: 2px solid #59639A;
  border-left: 2px solid #BDC6FF;
  border-top: 2px solid #BDC6FF;
  background-image: url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/buttonactive.png');
  color: #FFFFA0;
}

.mbutton4 {
    position:fixed;
  height: 30px;
  width: 80px;
  outline: 2px solid black;
  margin-top: 540px;
  margin-left: 50px;
  display: inline-block;
  background-image: url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/button.png');
  background-repeat: repeat;
  padding: 2px;
  font-family: 'Minecraftiaregular', 'VT323', sans-serif;
  text-align: center;
  color: {color:Links Color};
  background-color:{color:Button Four};
  text-shadow: 3px 3px #4C4C4C;
  border-bottom: 4px solid #565656;
  border-right: 2px solid #565656;
  border-left: 2px solid #AAA;
  border-top: 2px solid #AAA;
  box-sizing: border-box;
    font-size: 12px;
  cursor:pointer;
  z-index: 5;
}

.mbutton4:hover {
  border-bottom: 4px solid #59639A;
  border-right: 2px solid #59639A;
  border-left: 2px solid #BDC6FF;
  border-top: 2px solid #BDC6FF;
  background-image: url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/buttonactive.png');
  color: #FFFFA0;
}

.mbutton5 {
    position:fixed;
  height: 30px;
  width: 80px;
  outline: 2px solid black;
  margin-top: 540px;
  margin-left: 150px;
  display: inline-block;
  background-image: url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/button.png');
  background-repeat: repeat;
  padding: 2px;
  font-family: 'Minecraftiaregular', 'VT323', sans-serif;
  text-align: center;
  color: {color:Links Color};
  background-color:{color:Button Five};
  text-shadow: 3px 3px #4C4C4C;
  border-bottom: 4px solid #565656;
  border-right: 2px solid #565656;
  border-left: 2px solid #AAA;
  border-top: 2px solid #AAA;
  box-sizing: border-box;
  cursor:pointer;
    font-size: 12px;
  z-index: 5;
}

.mbutton5:hover {
  border-bottom: 4px solid #59639A;
  border-right: 2px solid #59639A;
  border-left: 2px solid #BDC6FF;
  border-top: 2px solid #BDC6FF;
  background-image: url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/buttonactive.png');
  color: #FFFFA0;
}

.mbutton6 {
    position:fixed;
  height: 30px;
  width: 80px;
  outline: 2px solid black;
  margin-top: 580px;
  margin-left: 100px;
  display: inline-block;
  background-image: url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/button.png');
  background-repeat: repeat;
  padding: 2px;
  font-family: 'Minecraftiaregular', 'VT323', sans-serif;
  text-align: center;
  color: {color:Links Color};
  background-color:{color:Button Six};
  text-shadow: 3px 3px #4C4C4C;
  border-bottom: 4px solid #565656;
  border-right: 2px solid #565656;
  border-left: 2px solid #AAA;
  border-top: 2px solid #AAA;
  box-sizing: border-box;
  cursor:pointer;
    font-size: 12px;
  z-index: 5;
}

.mbutton6:hover {
  border-bottom: 4px solid #59639A;
  border-right: 2px solid #59639A;
  border-left: 2px solid #BDC6FF;
  border-top: 2px solid #BDC6FF;
  background-image: url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/buttonactive.png');
  color: #FFFFA0;
}


/*---SIDEBAR---*/

.blogtitle {
    position: fixed;
    left: 0px;
    bottom: 80%;
    margin: auto;
    width: 400px;
    text-align: center;
    color: {color:Accent 2};
    background: none;
    text-shadow: 2px 5px 1px {color:Title Shadow};
}

.blogtitle h1 {
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: center;
    text-transform: none;
    line-height: 100%;
   font-family: 'MinecrafterAltRegular', 'VT323',  sans-serif;
   font-weight: normal;
   font-size: {text:Title Size};
   cursor: pointer;
}

.description {
    margin: auto;
    padding: 10px;
    color: {color:Text};
}

.description p {
    margin: auto;
    padding: 0;
    text-align: center;
    line-height: 150%;
    font-family: 'Minecraftiaregular', 'VT323', sans-serif;  sans-serif;
    font-weight: 500;
    font-size: {text:Font Size};
    color: {color:Text};

}

/*---PAGE---*/

.pagination {
    font-family: 'Minecraftiaregular', 'VT323', sans-serif;  sans-serif;
    font-weight: 500;
    font-size: {text:Font Size};
    color: white;
}

/*---POST---*/

.postbox {
    position: relative;
    margin: 50px 0px 0px 350px;
    width: 500px;
    padding: 0;
}

.post {
    margin: 0;
    width: 500px;
    height: auto;
    padding: 5px 15px 5px 15px;
    text-align: justify;
    line-height: 180%;
   font-family: 'Minecraftiaregular', 'VT323', sans-serif;  sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    color: {color:Text};
  background-color: {color:Post BG};
  border: 20px solid;
  border-radius: 20px;
    border-image: url(https://pipe.miroware.io/5c830280f93a5e60805a89a6/bg.png) 30 round;
}

.post blockquote, .posts li, .post img {
    max-width: 100%;
}

.post blockquote {
    margin: 0px;
    padding-left: 10px;
    border-left: 1px;
    border-left-style: solid;
    border-color: {color:Accent 2};
}

.post li {
    margin-left: -15px;
}

.post img {
}


{block:PermalinkPage}

.post img {
    opacity: 1;
}

{/block:PermalinkPage}

.title, .linkpost, .quotepost {
    display: block;
    margin: 0;
    max-width: 100%;
    padding: 0;
    line-height: 180%;
   font-family: 'MinecrafterAltRegular';  sans-serif;
}

.title, .linkpost {

    font-weight: 600;
    font-size: 0.9375rem;
}

.title {
    color: {color:Accent 2};
}

.quotepost {
    text-transform: none;
    font-weight: 500;
    font-size: 0.8125rem;
    color: {color:Accent 3};
}

.askpost, .chatpost {
    line-height: 170%;
}

.asker {
    margin-top: -30px;
    margin-left: 40px;
}

.question, .label {
    color: {color:Accent 3};
}

/*---MEDIA---*/

.photopost {
}


{block:PermalinkPage}

.photopost {
    opacity: 1;
}

{/block:PermalinkPage}

/*---INFO---*/

.info {
    margin: 1px 0px 50px 0px;
    width: 530px;
    padding: 0px;
    line-height: 130%;
    font-family: 'Minecraftiaregular', 'VT323', sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    color: {color:Text};
    background: {color:Info BG};
    border: 20px solid;
    border-radius: 10px;
    border-image: url(https://pipe.miroware.io/5c830280f93a5e60805a89a6/notes.png) 30 round;

}

.buttons {
    display: inline-flex;
    display: -webkit-inline-flex;
    float: right;
}

.button {
    margin-left: 10px;
}

.tagindex, .tagpermalink {
    margin: 0;
    padding: 5px 0px 0px 0px;
    text-align: justify;
    line-height: 150%;
    font-weight: 500;
    font-size: 0.75rem;
    text-shadow: 2px 2px {color:Title Shadow};
}

.tagindex {
    text-shadow: 2px 2px {color:Title Shadow};
}


.postnotes {
    width: 500px;
    line-height: 150%;
}

ol.notes {
    margin-top: 15px;
    margin-left: 30px;
    padding: 0px;
    list-style-type: none;
}

ol.notes li.note {
    padding: 3px;
}

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

ol.notes li.note blockquote {
    margin: 5px 0px;
    padding-left: 5px;
    border-left: 1px;
    border-left-style: solid;
    border-color: {color:Accent 2};
}


</style>

</head>


<body>

<!---BASIC--->

<div class="container">

<div class="blogtitle"><a href="/" style="color:{color:Title Color}"><h1>{Title}</h1></a></div>

<!---SIDEBAR--->
<img class="inventory" src="https://i.postimg.cc/ZR1413Rq/minecraftsidebarimage.png">
<a href="/ask"><img class="menu" src="{image:Ask Icon}" title="Ask"></a>

<a href="/archive"><img class="menu2" src="{image:Archive Icon}"title="Archive"></a>

<a href="/submit"><img class="menu3" src="{image:Submit Icon}"title="Submit"></a>

<a href="/random"><img class="menu4" src="{image:Random Icon}"title="Random"></a>

<a href="/"><img class="sidebarimg" src="{image:Sidebar}"></a>

<div class="sidebar">

<header>

<!---SIDEBAR--->

<div class="description"><p>{Description}</p><!---PAGE--->

{block:PermalinkPagination}

<nav class="pagination">
{block:NextPost}
<a href="{NextPost}"><<</a>
{/block:NextPost}
{block:PreviousPost}
<a href="{PreviousPost}">>></a>
{/block:PreviousPost}
</nav>

{/block:PermalinkPagination}

</div></div>

</header>

 <!--sidebar-->
<div class="mbutton"><a href="https://fourleggedsandwich.tumblr.com" style="color:{color:Links Color}"><span>Theme</span></div>

<div class="mbutton2"><a href="/{text:Link 1 URL}" style="color:{color:Links Color}"><span>{text:Link 1}</span></div>

<div class="mbutton3"><a href="/{text:Link 2 URL}" style="color:{color:Links Color}"><span>{text:Link 2}</span></div>

<div class="mbutton4"><a href="/{text:Link 3 URL}" style="color:{color:Links Color}"><span>{text:Link 3}</span></div>

<div class="mbutton5"><a href="/{text:Link 4 URL}" style="color:{color:Links Color}"><span>{text:Link 4}</span></div>

<div class="mbutton6"><span>{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}" style="color:{color:Links Color}"><<</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" style="color:{color:Links Color}">>></a>
{/block:NextPage}

{/block:Pagination}</span></div>


<!---POST--->

<main>

<div class="postbox">

{block:TagPage}

<header>
<div class="post">
<h1 class="title">TAGGED POSTS</h1>
<p>{lang:Showing TagResultCount posts tagged Tag}.</p>
</div>
<div class="info"></div>
</header>

{/block:TagPage}

{block:Posts}

<article>

<div class="post">

{block:Text}
{block:Title}<h1 class="title">{Title}</h1>{/block:Title}{Body}
{/block:Text}

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

{block:Quote}
<div class="quotepost">“ {Quote} ”</div>
{block:Source}— {Source}{/block:Source}
{/block:Quote}

{block:Answer}
<div class="askpost">
<div><img src="{AskerPortraitURL-30}"><p class="asker">{Asker} asked: </p></div>
<p class="question">{Question}</p>
<p>{Answer}</p>
</div>
{/block:Answer}

{block:Chat}
{block:Title}<h1 class="title">{Title}</h1>{/block:Title}
{block:Lines}<div class="chatpost">
{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
</div>{/block:Lines}
{/block:Chat}

<!---MEDIA--->

{block:Photo}
{Linkopentag}<div class="photopost"><img src="{PhotoURL-500}">
</div>{Linkclosetag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

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

{block:Panorama}
{LinkOpenTag}<div class="photopost"><img src="{PhotoURL-Panorama}">
</div>{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Panorama}

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

{block:Audio}
{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

</div> <!--post-->

<!---INFO--->

<div class="info">

{block:IndexPage}

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

<span style="color:{color:Postcount}";>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span>

<div class="buttons">
    <span class="button">{ReblogButton color="white" size="15"}</span>
    <span class="button">{LikeButton color="white" size="15"}</span>
</div>

{block:HasTags}<div class="tagindex">
{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
</div>{/block:HasTags}

{/block:IndexPage}

{block:PermalinkPage}

{block:Date}{TimeAgo}{/block:Date}

<span style="color:{color:Postcount}";>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span>

<div class="buttons">
    <span class="button">{ReblogButton color="white" size="15"}</span>
    <span class="button">{LikeButton color="white" size="15"}</span>
</div>

{block:HasTags}<div class="tagpermalink">
{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
</div>{/block:HasTags}

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

{/block:PermalinkPage}

</div> <!--info-->

</article>

{/block:Posts}

</div> <!--postbox-->

</main>

</div> <!--container-->




</body>

</html>