Unverified Commit cf0edb1e authored by Patap's avatar Patap Committed by GitHub
Browse files

Create midnight blue theme.html

parent d1adad3a
<!DOCTYPE html>
<html lang="en">
<!--
___
( ) .-.
.---. | | ( __) .--. .--.
/ .-, \ | | (''") / \ / \
(__) ; | | | | | | .-. ; | .-. ;
.'` | | | | | | |(___) | | | |
/ .'| | | | | | | | | |/ |
| / | | | | | | | | ___ | ' _.'
; | ; | | | | | | '( ) | .'.-.
' `-' | | | | | ' `-' | ' `-' /
`.__.'_. (___) (___) `.__,' `.__.'
___ ___
( ) ( )
| |_ | | .-. .--. ___ .-. .-. .--.
( __) | |/ \ / \ ( ) ' \ / \
| | | .-. . | .-. ; | .-. .-. ; | .-. ;
| | ___ | | | | | | | | | | | | | | | | | |
| |( ) | | | | | |/ | | | | | | | | |/ |
| | | | | | | | | ' _.' | | | | | | | ' _.'
| ' | | | | | | | .'.-. | | | | | | | .'.-.
' `-' ; | | | | ' `-' / | | | | | | ' `-' /
`.__. (___)(___) `.__.' (___)(___)(___) `.__.'
Disclaimer:
* Please do not remove this copyright notice.
* Copyright © 2019 Alice All Rights Reserved
Theme Name: midnight blue theme
Version: 4.0
Creator: Alice
-->
<head>
<title>{Title}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Alice">
{block:Description}
<meta name="description" content="{MetaDescription}">
{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<!-- google font -->
<link href="https://fonts.googleapis.com/css?family=Catamaran:100|Dancing+Script" rel="stylesheet">
<!-- fontawesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- image metadata -->
<meta name="image:Background Image" content="http://static.tumblr.com/...">
<!-- color metadata with default value -->
<meta name="color:Header Background Color" content="#2F394D">
<meta name="color:Title Text" content="#FFFBFE">
<meta name="color:Post Background Color" content="#2F394D">
<meta name="color:Post Text" content="#4F4F54">
<meta name="color:Footer Background Color" content="#191919">
<meta name="color:Footer Text" content="#FFFBFE">
<!-- text links metadata -->
<meta name="text:Link 1" content="">
<meta name="text:Link 1 URL" content="/">
<meta name="text:Link 2" content="">
<meta name="text:Link 2 URL" content="/">
<meta name="text:Link 3" content="">
<meta name="text:Link 3 URL" content="/">
<meta name="text:Link 4" content="">
<meta name="text:Link 4 URL" content="/">
<meta name="text:Link 5" content="">
<meta name="text:Link 5 URL" content="/">
<meta name="text:Tumblr Username on Footer Ask" content="">
<meta name="text:Facebook Username" content="">
<meta name="text:Instagram Username" content="">
<meta name="text:Twitter Username" content="">
<meta name="text:Youtube Username" content="">
<meta name="text:Pinterest Username" content="">
<!-- conditional metadata -->
<meta name="if:Hide Background Image" content="0">
<meta name="if:Header Title Glow" content="1">
<meta name="if:Show Link 1" content="1">
<meta name="if:Show Link 2" content="1">
<meta name="if:Show Link 3" content="1">
<meta name="if:Show Link 4" content="1">
<meta name="if:Show Link 5" content="1">
<meta name="if:Show Archive" content="1">
<meta name="if:Show RSS" content="1">
<meta name="if:Show Footer Title" content="1">
<meta name="if:Show Description" content="1">
<meta name="if:Show Facebook" content="1">
<meta name="if:Show Instagram" content="1">
<meta name="if:Show Twitter" content="1">
<meta name="if:Show Youtube" content="1">
<meta name="if:Show Pinterest" content="1">
<meta name="if:Show Tags" content="1">
<meta name="if:Show Footer Ask" content="0">
<meta name="if:Show Ask Link" content="1">
<style>
/* entire page */
html, body{
padding: 0px;
margin: 0px;
}
html{
height: 100%;
font-family: 'Catamaran', sans-serif;
}
/* header */
#header-container{
background-color: {color:Header Background Color};
position: fixed;
width: 100%;
color: {color:Title Text};
top: 0;
margin-bottom: 75%;
z-index: 2;
}
#header-title{
font-size: 45pt;
margin-top: 2.5%;
font-family: 'Dancing Script', cursive;
{block:ifHeaderTitleGlow}
text-shadow: 0px 0px 25px #9f9fA1;
{/block:ifHeaderTitleGlow}
text-align: center;
}
#nav-bar{
width: 100%;
padding-bottom: 10px;
text-align: center;
}
.link-list{
list-style: none;
display: inline;
font-size: 10pt;
margin: 15px;
}
.nav-links{
text-decoration: none;
color: {color:Title Text};
}
hr{
border: 0.4px solid white;
margin-bottom: 0px;
width: 60%;
}
/* posts */
#post-container{
background-image: url({image:Background Image});
background-repeat: no-repeat;
background-size:100% 100%;
background-attachment: fixed;
background-position: center;
{block:ifHideBackgroundImage}
background: linear-gradient(180deg, {color:Header Background Color} , #FFFBFE);
{/block:ifHideBackgroundImage}
position: initial;
width: auto;
height: 100%;
display: block;
margin: 10em auto 0px auto;
}
.post-container-content{
background-color: {color:Post Background Color};
border-left: 1px solid {color:Post Text};
border-right: 1px solid {color:Post Text};
width: 50%;
padding: 11.5% 5% 15% 5%;
margin: -10.5% auto -6% auto;
color: {color:Post Text};
}
.chat-title, .post-quote, .text-title{
color: {color:Title Text};
font-size: 21pt;
font-weight: normal;
}
.link-post-name{
text-decoration: none;
color: {color:Post Text};
font-size: 24pt;
}
.source a{
text-decoration: none;
color: {color:Post Text};
word-break: break-all;
}
.post-photo:hover{
opacity: 0.5;
z-index: -1;
}
#highres-container, .post-photo{
width: 100%;
}
.video-post iframe{
width: 100%;
height: 500px;
display: block;
margin: auto;
}
#excerpt-text, .question{
width: 80%;
display: block;
background-color: #4F4F54;
padding: 20px;
margin-top: 2.5%;
}
.question img{
border-radius: 50%;
margin-right: 5px;
}
.question p{
margin-left: 30px;
padding: 0px;
}
#tag-container{
width: 100%;
padding: 5px;
overflow: auto;
}
#post-footer{
width: 100%;
}
#post-options{
float: right;
width: 20%;
justify-content: center;
margin: 0px;
padding: 0px;
display: inline-flex;
}
.post-buttons{
color: #3F6887;
}
.like_button{
margin-left: 10px;
margin-right: 5px;
}
.note-count{
text-decoration: none;
font-size: 10pt;
color: {color:Post Text};
}
.post-tags{
display: inline-block;
}
.tag-links{
color: #2F394D;
background-color: #BFBFC0;
padding: 2px 5px;
border-radius: 5%;
text-decoration: none;
font-size: 8.5pt;
}
.reblog-source{
color: {color:Post Text};
text-decoration: none;
font-size: 10pt;
padding: 5px 5px 15px 5px;
}
.pagination{
text-align: center;
display: block;
text-indent: 15px;
padding-bottom: 5px;
}
.page-nav-link, .jump_page{
text-decoration: none;
color: {color:Post Text};
}
.current_page{
background-color: {color:Post Text};;
padding: 2px 10px 2px 10px;
}
.jump_page{
padding: 0px 10px 0px 10px;
}
.post-notes{
position: relative;
margin-top: 50px;
margin-bottom: -14%;
}
.post-notes ol li{
list-style-type: none;
}
.post-notes .avatar_frame{
margin-right: 10px;
}
.post-notes a{
text-decoration: none;
font-weight: bold;
color: {color:Post Text};
}
/* footer */
#footer-container{
margin-bottom: 0px;
bottom: 0px;
background-color: {color:Footer Background Color};
width: 100%;
height: 100%;
}
#footer-contents{
color: {color:Footer Text};
margin: 0px 5% 0px 5%;
padding: 3.5%;
}
h3{
font-size: 18pt;
}
.avatar-style-square {
-webkit-box-shadow: 0 0 0 4px {color:Page Background Color};
box-shadow: 0 0 0 4px {color:Page Background Color};
}
.avatar-style-circle {
-webkit-box-shadow: 0 0 0 4px {color:Page Background Color};
box-shadow: 0 0 0 4px {color:Page Background Color};
border-radius: 50%;
}
.blog-avatar{
margin-bottom: -15px;
}
#blogger-description-container, #social-platforms-container{
float: left;
width: 50%;
}
#description-content{
width: 75%;
font-size: 12pt;
margin-top: -2%;
max-height: 100px;
overflow: hidden;
overflow-wrap: break-word;
}
#social-platforms-container{
text-align: center;
}
.footer-links{
color: white;
text-decoration: none;
}
.footer-links:hover{
color: white;
}
.link-icon{
font-size: 20pt;
margin: 0px 2.5px 0px 2.5px;
}
#copyright-notice{
text-align: center;
font-size: 8pt;
color: {color:Footer Text};
padding: 5px;
}
/* responsive to small devices */
@media screen and (max-width: 1025px){
/* header */
#header-container{
margin: auto;
}
/* posts */
#post-container{
margin-top: 8em;
}
.post-container-content{
width: 65%;
}
/* footer */
#blogger-description-container, #social-platforms-container{
float: left;
width: 50%;
}
#description-content{
width: auto;
}
}
@media screen and (max-width: 999px){
/* header */
#header-container{
padding-bottom: 3.5%;
}
#header-title{
font-size: 40pt;
}
/* posts */
#post-container{
margin-bottom: 0%;
}
}
@media screen and (max-width:500px){
/* header */
#header-container{
padding-bottom: 2.5%;
}
#header-title{
font-size: 35pt;
margin: auto;
}
.link-list{
font-size: 12pt;
}
/* posts */
#post-container{;
width: auto;
margin-top: 5em;
margin-bottom: 5%;
}
#post-container, .post-container-content{
width: auto;
}
#post-options{
width: auto;
margin: auto;
}
#tag-container{
margin: auto;
}
/* pagination */
.pagination{
width: 100%;
position: fixed;
bottom: 5px;
text-indent: 0;
font-size: 1.5em;
}
.page-nav-link{
background-color: {color:Footer Background Color};
color: {color:Post Text};
padding: 0px 0.6em;
border-radius: 50%;
width: 15px;
height: 40px;
box-shadow: 0px 1.5px 10px black;
}
.page-nav-link .fas{
vertical-align: middle;
}
.current_page, .jump_page{
display: none;
}
.previous-page{
margin-left: 10px;
float: left;
}
.next-page{
margin-right: 10px;
float: right;
}
/* footer */
.blog-avatar, h3{
display: block;
margin: 2% auto;
text-align: center;
}
#blogger-description-container, #social-platforms-container{
width: 100%;
}
#description-content{
width: 100%;
font-size: 12pt;
margin-top: -2%;
margin-bottom: 8%;
max-height: 13em;
overflow: hidden;
overflow-wrap: break-word;
}
.link-icon{
font-size: 25pt;
margin: 0px 5px 0px 5px;
}
#copyright-notice{
font-size: 10pt;
}
}
/* Custom CSS*/
{CustomCSS}
</style>
</head>
<body>
<div id="header-container">
<h1 id="header-title">{Title}</h1>
<div id="nav-bar">
<li class="link-list"><a href="{BlogURL}" class="nav-links">Home</a></li>
{block:ifShowLink1}
<li class="link-list"><a href="{text:Link 1 URL}" class="nav-links">{text:Link 1}</a></li>
{/block:ifShowLink1}
{block:ifShowLink2}
<li class="link-list"><a href="{text:Link 2 URL}" class="nav-links">{text:Link 2}</a></li>
{/block:ifShowLink2}
{block:ifShowLink3}
<li class="link-list"><a href="{text:Link 3 URL}" class="nav-links">{text:Link 3}</a></li>
{/block:ifShowLink3}
{block:ifShowLink4}
<li class="link-list"><a href="{text:Link 4 URL}" class="nav-links">{text:Link 4}</a></li>
{/block:ifShowLink4}
{block:ifShowLink5}
<li class="link-list"><a href="{text:Link 5 URL}" class="nav-links">{text:Link 5}</a></li>
{/block:ifShowLink5}
{block:ifShowArchive}
<li class="link-list"><a href="/archive" class="nav-links">Archive</a></li>
{/block:ifShowArchive}
{block:ifShowRSS}
<li class="link-list"><a href="{RSS}" class="nav-links">RSS</a></li>
{/block:ifShowRSS}
</div>
</div>
<div id="post-container">
{block:Posts}
<div class="post-container-content">
{block:ContentSource}
<a href="{SourceURL}" class="reblog-source"><i class="fas fa-sync-alt"></i> Reblogged from:
{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
</a>
{/block:ContentSource}
{block:Text}
{block:Title}<h2 class="text-title"><a href="{Permalink}" style="text-decoration: none; color:{color:Post Text};">{Title}</a></h2>{/block:Title}
{Body}
{/block:Text}
{block:Chat}
{block:Title}<h2 class="chat-title">{Title}</h2>{/block:Title}
{block:Lines}
<p>{block:Label}<label>{Label}</label>{/block:Label}
{Line}</p>
{/block:Lines}
{/block:Chat}
{block:Audio}
{block:AudioPlayer}
{AudioPlayer}
{/block:AudioPlayer}
{block:Caption}
<p class="post-caption">{Caption}</p>
{/block:Caption}
{/block:Audio}
<div class="video-post">
{block:Video}
{Video-500}
{block:Caption}
<p class="post-caption">{Caption}</p>
{/block:Caption}
{/block:Video}
</div>
{block:Link}
<a href="{URL}" class="link-post-name" {Target}>{Name}</a>
{block:Excerpt}
<div id="excerpt-text">{Excerpt}<br>
{block:Author}<p style="margin-left: 25px; padding-top: 5px; margin-bottom: -5px;">By: {Author}</p>{/block:Author}</div>
{/block:Excerpt}
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}
{block:Quote}
<h2 class="post-quote">
"{Quote}"
</h2>
{block:Source}
<div class="source">~ {Source}</div>
{/block:Source}
{/block:Quote}
{block:Photo}
{LinkOpenTag}
{block:HighRes}
<a href="{PhotoURL-HighRes}" class="photo-highres" target="_blank">
<img src="{PhotoURL-500}" class="post-photo" alt="{PhotoAlt}">
</a>
{/block:HighRes}
{LinkCloseTag}
{block:Caption}
<p class="post-caption">{Caption}</p>
{/block:Caption}
{/block:Photo}
{block:Photoset}
{block:Photos}
{block:HighRes}
<a href="{PhotoURL-HighRes}" class="photo-highres" target="_blank">
<img src="{PhotoURL-500}" class="post-photo" alt="{PhotoAlt}"></a>
{/block:HighRes}