Instantly share code, notes, and snippets.

Embed
What would you like to do?
Kurityl
<!DOCTYPE html>
<html lang="ja">
<head>
<!--
Kurityl by Kouki Kuriyama
http://www.kurichans.jp/kurityl/
Kurityl is Tumblr custom theme.
If you use this theme, you copy this code and you paste to Tumblr custom html.
-->
<meta charset="UTF-8">
<title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
<!-- RSS -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}">
<!-- Favicon -->
<link rel="shortcut icon" href="{Favicon}">
<!-- TumblrCSSset -->
<meta name="color:Background" content="#f5f5f5">
<meta name="color:Link Color" content="#444444">
<meta name="color:Link Color2" content="#c6c6c6">
<meta name="color:Header Text Color" content="#ffffff">
<meta name="color:Header Shadow Color" content="#000000">
<meta name="color:MenuBar Color" content="#c0c0c0">
<meta name="color:MenuBar Color2" content="#808080">
<meta name="color:MenuBar Text Color" content="#ffffff">
<meta name="color:MenuBar Color2" content="#808080">
<meta name="color:MenuBar Text Color" content="#ffffff">
<meta name="color:TitleBar Color" content="#666666">
<meta name="color:TitleBar Text Color" content="#ffffff">
<meta name="color:TitleBar Type Color" content="#4d4d4d">
<meta name="color:Footer Background" content="#333333">
<meta name="color:Footer Text Color" content="#ffffff">
<!-- TumblrMetaset -->
<meta name="if:Enable Header Image" content="1">
<meta name="text:Header Position" content="-100">
<meta name="text:TwitterAccount" content="">
<meta name="text:FlickrURL" content="">
<!-- Stylesheets -->
<style type="text/css">
/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* --- Global CSS --- */
html,body {
margin:0;
padding:0;
}
body {
width:100%;
color:#000;
background:{Color:Background};
font-family:"Meiryo UI","ヒラギノ角ゴ",sans-serif;
font-size:14px;
}
img {
border:none;
}
a {
color:{Color:Link Color};
text-decoration:none;
transition:0.5s ease;
}
a:hover {
color:{Color:Link Color2};
}
/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* --- Header --- */
#HeaderTopBody {
{block:IfEnableHeaderImage}background-image:url("{HeaderImage}");{/block:IfEnableHeaderImage}
{block:IfNotEnableHeaderImage}background-color:#000;{/block:IfNotEnableHeaderImage}
background-position:0px {text:Header Position}px;
background-size:cover;
}
#HeaderTopInner {
width:940px;
margin:0 auto;
padding:100px 0;
color:{Color:Header Text Color};
text-shadow:0 0 10px {Color:Header Shadow Color};
}
h1 {
margin:0;
}
/* --- Footer --- */
#FooterBottomBody {
background:{color:Footer Background};
color:{color:Footer Text Color};
}
#FooterBottomInner {
width:940px;
margin:0 auto;
padding:30px 0 80px 0;
font-size:12px
}
#FooterBottomInner a {
color:{color:Footer Text Color};
text-decoration:underline;
}
/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* --- Header・FooterMenu --- */
#HeaderMenuBody, #FooterMenuBody {
width:100%;
background:{color:MenuBar Color};
}
#HeaderMenuInner, #FooterMenuInner {
width:940px;
height:50px;
position:relative;
margin:0 auto;
}
#HeaderMenuInner a, #FooterMenuInner a {
color:{color:MenuBar Text Color};
text-decoration:none;
}
#HeaderMenuInner ul, #FooterMenuInner ul {
margin:0;
padding:0;
list-style:none;
}
#HeaderMenuInner li, #FooterMenuInner li {
width:120px;
height:50px;
float:left;
background:{color:MenuBar Color};
text-align:center;
line-height:50px;
color:{color:MenuBar Text Color};
transition:0.5s ease;
}
#HeaderMenuInner li:hover, #FooterMenuInner li:hover {
background:{color:MenuBar Color2};
/*box-shadow: 0px -10px 0px 0px #ff0000;*/
}
#FooterMenuNoFil:hover {
background:{color:MenuBar Color} !important;
}
#SearchBody {
position:absolute;
width:140px;
height:50px;
line-height:50px;
top:0px;
left:800px;
}
#SearchBody input {
background:none;
border:none;
outline:none;
color:{color:MenuBar Text Color};
font-size:14px;
text-align:right;
}
/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* --- TumblrBody--- */
#TumblrBody {
width:940px;
margin:0 auto;
margin-bottom:50px;
}
.TumblrTitle {
width:100%;
height:50px;
position:relative;
background:{color:TitleBar Color};
margin-top:50px;
line-height:50px;
color:{color:TitleBar Text Color};
font-size:18px;
}
.TumblrTitle a {
color:{color:TitleBar Text Color};
text-decoration:none;
}
.TumblrType {
width:140px;
position:absolute;
top:0;
left:775px;
text-align:right;
color:{color:TitleBar Type Color};
}
h2 {
margin:0;
padding:0;
margin-left:25px;
font-size:18px;
font-weight:normal;
}
.TumblrContents {
width:100%;
margin:0;
padding:0;
background:#ffffff;
}
.TumblrContents img {
max-width:100%;
}
.TumblrContentsInner {
padding:20px;
}
.TumblrContentsData {
border-top:1px solid #666666;
padding:20px;
font-size:12px;
}
.TumblrContentsData ul {
margin:0;
padding:0;
list-style:none;
}
.TumblrContentsData li {
float:right;
margin-left:10px;
}
.NoteBlock li {
float:none;
margin:5px 0;
}
.PhotoBox img {
width:940px;
}
.VidBox iframe, .PhotoSetBox iframe {
display:block;
margin:0 auto;
}
/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
{CustomCSS}
</style>
</head>
<body>
<header>
<div id="HeaderTopBody">
<div id="HeaderTopInner">
<h1>{Title}</h1>
{block:Description}
<section>{Description}</section>
{/block:Description}
</div>
</div>
<div id="HeaderMenuBody">
<div id="HeaderMenuInner">
<ul>
<a href="/"><li>Home</li></a>
<a href="/archive"><li>Archive</li></a>
<a href="/rss"><li>RSS</li></a>
{block:IfTwitterAccount}<a href="http://twitter.com/{text:TwitterAccount}" target="_blank"><li>Twitter</li></a>{/block:IfTwitterAccount}
{block:IfFlickrURL}<a href="{text:FlickrURL}" target="_blank"><li>Flickr</li></a>{/block:IfFlickrURL}
</ul>
<div id="SearchBody">
<form method="get" action="/search">
<input type="text" style="width:140px" name="q" value="{SearchQuery}" placeholder="Search">
</form>
</div>
<br style="clear:none">
</div>
</div>
</header>
<div id="TumblrBody">
{block:TagPage}
<div class="TumblrTitle">
<h2>{Tag}</h2>
<div class="TumblrType">TAG</div>
</div>
<div class="TumblrContents">
<div class="TumblrContentsInner">
『{Tag}』のタグ付けされている投稿を表示しています
</div>
</div>
{/block:TagPage}
{block:SearchPage}
<div class="TumblrTitle">
<h2>{SearchQuery}</h2>
<div class="TumblrType">SEARCH</div>
</div>
<div class="TumblrContents">
<div class="TumblrContentsInner">
『{SearchQuery}』の検索結果 : {SearchResultCount}件
</div>
</div>
{/block:SearchPage}
{block:Posts}
{block:Regular}
<div class="TumblrTitle">
{block:Title}<h2>{Title}</h2>{/block:Title}
<div class="TumblrType">TEXT</div>
</div>
{/block:Regular}
{block:Photo}
<div class="TumblrTitle">
<div class="TumblrType">PHOTO</div>
</div>
{/block:Photo}
{block:Photoset}
<div class="TumblrTitle">
<div class="TumblrType">PHOTO</div>
</div>
{/block:Photoset}
{block:Link}
<div class="TumblrTitle">
<a href="{URL}" {Target}><h2>{Name}</h2></a>
<div class="TumblrType">LINK</div>
</div>
{/block:Link}
{block:Quote}
<div class="TumblrTitle">
<div class="TumblrType">QUOTE</div>
</div>
{/block:Quote}
{block:Answerer}
<div class="TumblrTitle">
<h2>{Question}</h2></a>
<div class="TumblrType">ASK</div>
</div>
{/block:Answerer}
{block:Conversation}
<div class="TumblrTitle">
<div class="TumblrType">CHAT</div>
</div>
{/block:Conversation}
{block:Video}
<div class="TumblrTitle">
<div class="TumblrType">VIDEO</div>
</div>
{/block:Video}
<div class="TumblrContents">
{block:Regular}
<div class="TumblrContentsInner">
{Body}
</div>
{/block:Regular}
{block:Photo}
<div class="PhotoBox" style="text-align:center">
{block:LinkURL}{LinkOpenTag}{/block:LinkURL}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{block:LinkURL}{LinkCloseTag}{/block:LinkURL}
</div>
<div class="TumblrContentsInner">
{Caption}
</div>
{/block:Photo}
{block:Photoset}
<div class="PhotoSetBox">
{Photoset-500}
</div>
<div class="TumblrContentsInner">
{Caption}
</div>
{/block:Photoset}
{block:Link}
<div class="TumblrContentsInner">
{Description}
</div>
{/block:Link}
{block:Answerer}
<div class="TumblrContentsInner">
{Answer}
</div>
{/block:Answerer}
{block:Conversation}
<div class="TumblrContentsInner">
{block:Lines}
{block:Label}{Label} : {/block:Label}{Line}
{/block:Lines}
</div>
{/block:Conversation}
{block:Quote}
<div class="TumblrContentsInner" style="font-style:italic; font-size:18px;">
{Quote}
<p>Source : {Source}</p>
</div>
{/block:Quote}
{block:Video}
<div class="VidBox" style="background:#000;">
{VideoEmbed-700}
</div>
<div class="TumblrContentsInner">
{Caption}
</div>
{/block:Video}
<div class="TumblrContentsData">
<ul>
<li><a href="{Permalink}">{Year}年{MonthNumber}月{DayOfMonth}日 {24HourWithZero}:{Minutes}:{Seconds}</a></li>
{block:NoteCount}<li>{NoteCount} Note(s)</li>{/block:NoteCount}
{block:HasTags}<li>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</li>{/block:HasTags}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><li>{ReblogParentTitle}から</li></a>{/block:RebloggedFrom}
{block:Answerer}<li>{Asker} からの質問</li>{/block:Answerer}
</ul>
<br style="clear:right">
{block:PostNotes}<div class="NoteBlock">{PostNotes}</div>{/block:PostNotes}
</div>
</div>
{/block:Posts}
</div>
<footer>
<div id="FooterMenuBody">
<div id="FooterMenuInner">
<ul>
<a href="#"><li>TOP</li></a>
{block:PreviousPage}<a href="{PreviousPage}"><li>Prev</li></a>{/block:PreviousPage}
{block:IndexPage}<li id="FooterMenuNoFil">{CurrentPage} of {TotalPages}</li>{/block:IndexPage}
{block:PermalinkPage}<a href="{BlogURL}back" onclick="history.back(); return false;"><li>Back</li></a>{/block:PermalinkPage}
{block:NextPage}<a href="{NextPage}"><li>Next</li></a>{/block:NextPage}
</ul>
<br style="clear:none">
</div>
</div>
<div id="FooterBottomBody">
<div id="FooterBottomInner">
Powered by <a href="http://www.tumblr.com/" target="_blank">Tumblr</a><br>
Kurityl is designed by <a href="http://www.kurichans.jp/kurityl/" target="_blank">Kouki Kuriyama</a>
</div>
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment