Theme 1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.
or
g/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-? ? ? ? ? ? { P???s? ?? ??? ?????? ??????s!
___ ___ ___ ___ ___
___ __ __
/ __|/ _ \ | \ | __|/ __| | _ )\ \ / /
| (__| (_) || |) || _| \__ \ | _ \ \ V /
\___|\___/ |___/ |___||___/ |___/ |_|
___ ___ _ _ ___ ___ ___ ___
| _ \ / _ \ | || || _ \ / _ \ | _ \ / _ \
| _/| (_) || __ || /| (_) || /| (_) |
|_| \___/ |_||_||_|_\ \___/ |_|_\ \___/
? http://pohroro.tumblr.com } ? ? ? ? ? ?
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<script type="text/javascript" src="http://static.tumblr.com/yzs4yqx/6EWnyjvjr/i
nfinitescrolling.js"></script>

<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='
text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'
type='text/css'>
<meta
<meta
<meta
<meta
<meta
<meta
<meta
name="color:Body Font" content="#000000" />

name="color:Background" content="#FFFFFF" />
name="color:Link" content="#DC2944" />
name="color:Hover Link" content="#909090" />
name="color:Title" content="#000000" />
name="color:Accent" content="#DC2944" />
name="color:Border" content="#000000" />
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
name="if:Show Captions" content="1" />

name="if:Monochrome" content="0" />
name="if:Avatar" content="1" />
name="if:Page Border" content="1" />
name="if:250px Posts" content="0" />
name="if:Infinite Scrolling" content="0" />
name="if:Custom Link Four" content="1" />
name="if:Custom Link Five" content="1" />
name="if:Custom Link Six" content="0" />
<meta name="if:Custom Link Seven" content="0" />

<meta name="image:Avatar" content="http://i.imgur.com/8vsY2NM.png" />
<meta name="image:Background" content="http://media.tumblr.com/fd546ac5959670ae6
6b537b9b03030bf/tumblr_inline_n27kqjgCJE1rh7826.gif" />
<meta name="text:Title" content="lolita." />
<meta name="text:Updates Tab" content="Lorem ipsum dolor sit amet, consectetur a
dipiscing elit. Duis ullamcorper purus non erat sodales ornare. Suspendisse ut o
rci sit amet nulla accumsan posuere eu nec diam." />
<meta name="text:Link One" content="index." />
<meta name="text:Link One URL" content="/" />
<meta name="text:Link Two" content="message." />
<meta name="text:Link Two URL" content="/ask" />
<meta name="text:Link Three" content="archive." />
<meta name="text:Link Three URL" content="/archive" />
<meta name="text:Link Four" content="link one." />
<meta name="text:Link Four URL" content="Link Four URL" />
<meta name="text:Link Five" content="link two." />
<meta name="text:Link Five URL" content="Link Five URL" />
<meta name="text:Link Six" content="link three." />
<meta name="text:Link Six URL" content="Link Six URL" />
<meta name="text:Link Seven" content="link four." />
<meta name="text:Link Seven URL" content="Link Seven URL" />
<style type="text/css">
body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
font-family: Arial;
font-size: 14px;
letter-spacing: 1px;
color: {color:Body Font};
background: url({image:Background}) {color:Background};
background-attachment: fixed;
}
iframe#tumblr_controls {
top: 30px !important;
right: 30px !important;
position: fixed !important;
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
-ms-filter: invert(100%);
filter: invert(100%);
}
a {
color: {color:Link};
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:hover {
color: {color:Hover Link};
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
h1 {
color: {color:Link};
font-weight: none;
text-transform: lowercase;
font-style: italic;
letter-spacing: -1px;
}
blockquote, blockquote blockquote {
border-left: 3px solid {color:Accent};
padding-left: 20px;
margin-left: 20px;
}
#topbar {
width: 100%;
background: {color:Border};
height: 25px;
position: fixed;
z-index: 1;
top: 0px;
}
#leftbar {
width: 25px;
height: 100%;
position: fixed;
z-index: 1;
left: 0px;
}
#rightbar {
width: 25px;
height: 100%;
position: fixed;
z-index: 1;
right: 0px;
}
#bottombar {
width: 100%;
height: 25px;
position: fixed;
z-index: 1;
bottom: 0px;
}
#container {
width: {block:If250pxPosts}700px{/block:If250pxPosts} {block:If400pxPosts}80
0px{/block:If400pxPosts} {block:If500pxPosts}900px{/block:If500pxPosts};
margin: 0 auto;
}
#sidebar {
position: fixed;
width: 210px;
height: 85%;
top: 8%;
border-right: 1px dotted {color:Border};
text-align: right;
padding-right: 20px;
}
#avatar img {
margin-top: 12px;
width: 100px;
padding-right: 2px;
height: 100px;
border-radius: 100%;
}
#sidebar-content {
bottom: 9%;
position: fixed;
text-align: right;
}
#title {
width: 250px;
margin-left: -40px;
text-align: right;
font-size: 30px;
font-style: italic;
text-transform: Uppercase;
font-weight: bold;
}
#title a {
color: {color:Title};
}
#title:first-letter {
color: {color:Accent};
}
#description {
width: 210px;
text-align: right;
}
#navigation {
margin-top: 10px;
width: 210px;
}
#navigation a {
display: inline-block;
color: {color:Background};
padding: 0px 2px;
margin-left: 5px;
margin-top: 5px;
background: {color:Accent};
}
#navigation a:hover {
background: {color:Body Font};
}
#pagination {
margin-top: 10px;
text-align: right;
width: 210px;
font-size: 12px;
}
{block:IfNotPageBorder}
#update {
width: 100px;
height: 120px;
position: fixed;
margin-left: -100px;
z-index: 99;
text-align: center;
letter-spacing: 0px
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
padding-left: 3px;
}
#update:hover {
margin-left: 0px;
}
#update:hover #update-title {
width: 100px;
}
#update-title {
width: 119px;
height: 25px;
line-height: 25px;
text-align: left;
margin-left: -3px;
font-size: 10px;
text-transform: uppercase;
padding-left: 7px;
margin-bottom: 3px;
}
{/block:IfNotPageBorder}
{block:IfPageBorder}
#update {
width: 150px;
position: fixed;
top: 0px;
margin-left: -179px;
z-index: 99;
text-align: center;
letter-spacing: 0px
padding-left: 30px;
}
#update:hover {
margin-left: 0px;
}
#update:hover #update-title {
width: 170px;
margin-left: -30px;
}
#update-title {
width: 170px;
height: 25px;
line-height: 25px;
text-align: left;
margin-left: -3px;
font-size: 10px;
padding-left: 7px;
margin-bottom: 5px;
}
{/block:IfPageBorder}
#entries {
margin: 0 auto;
margin-top: {block:If250pxPosts}-30px{/block:If250pxPosts} {block:If400pxPos
ts}-60px{/block:If400pxPosts} {block:If500pxPosts}-60px{/block:If500pxPosts};
margin-left: 270px;
padding-bottom: 90px;
position: absolute;
}
.post {
padding-top: {block:If250pxPosts}80px{/block:If250pxPosts} {block:If400pxPos
ts}120px{/block:If400pxPosts} {block:If500pxPosts}130px{/block:If500pxPosts};
margin-bottom: 4px;
}
.post img {
max-width: 100%;
{block:IfMonochrome}
filter: gray;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
{/block:IfMonochrome}
}
iframe.photoset {
max-width: 100%;
{block:IfMonochrome}
filter: gray;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
{/block:IfMonochrome}
}
.quote {
font-size: 22px;
text-transform: Sentence case;
font-style: italic;
}
.audio {
padding: 0;
}
.audio_container {
overflow: hidden;
position: relative;
width: 100px;
}
.soundcloud_audio_player {
width: 100%;
}
.tumblr_audio_player {
width: 100%;
}
#ask {
padding: 20px;
text-align: justify;
}
#asker {
font-weight: bold;
}
#asker a {
}
#permalink {
font-size: 9px;
text-align: center;
margin-top: 5px;
line-height: 110%;
}
#permalink a {
}
#tag {
font-size: 9px;
padding-bottom: 5px;
text-align: center;
margin-top: 5px;
}
#tag a {
padding: 0px 2px;
margin: 3px;
}
ol.notes {
padding: 0px;
padding-left: 30px;
margin: 20px 0px;
list-style-type: none;
}
ol.notes li.note {
padding: 10px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note .answer_content {
font-weight: normal;
}
ol.notes li.note blockquote {
border-color: #eee;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
ol.notes li.note blockquote a {
text-decoration: none;
}
::-webkit-scrollbar {
height: 10px;
width: 10px;
background: white;
}
::-webkit-scrollbar-thumb:vertical {
border: 2px solid #FFFFFF;
}
::selection {
background: {color:Link};
color: white;
}
::-moz-selection {
color: white;
}
p::selection {
color: white;
}
p::-moz-selection {
color: white;
}
/* Credits to http://pohroro.tumblr.com */
#c {
width: 55px;
height: 18px;
font-family: Arial;
font-size: 7px;
bottom: {block:IfNotPageBorder}10px{/block:IfNotPageBorder} {block:IfPageBor
der}30px{/block:IfPageBorder};
right: {block:IfNotPageBorder}10px{/block:IfNotPageBorder} {block:IfPageBord
er}30px{/block:IfPageBorder};
text-align: center;
line-height: 4px;
padding: 10px 3px;
display: block;
position: fixed;
}
#c a {
font-weight: bold;
line-height: 17px;
font-size: 15px;
font-family: Libre Baskerville;
font-style: italic;
color: {color:Accent};
}
</style>
</head>
<body>

<div id="update">
<div id="update-title">Updates
<span style="float:right; padding-right: 7px; font-weight: bold; font-size: 20px
; font-family: Arial;">+</span></div>
{text:Updates Tab}
</div>

{block:IfPageBorder}
<div id="topbar"></div><div id="rightbar"></div>
<div id="bottombar"></div><div id="leftbar"></div>
{/block:IfPageBorder}
<div id="container">
<div id="sidebar">
{block:IfAvatar}<div id="avatar"><a href="/"><img src="{image:Avatar}" /></a></d
iv>{/block:IfAvatar}
<div id="sidebar-content">
<div id="title"><a href="/">{text:Title}</a></div>
<div id="description">{Description}</div>
<div id="navigation">
<a href="{text:Link One URL}">{text:Link One}</a><a href="{text:Link Three URL}">{text:Link Three}</a>{block:ifCustomLinkFive}<a href="{text:Link Five URL}">{text:Link Five}</a>{/
block:ifCustomLinkFive}{block:ifCustomLinkSeven}<a href="{text:Link Seven URL}">{text:Link Seven}</a

>{/block:ifCustomLinkSeven}
</div>
{block:IfNotInfiniteScrolling}
<div id="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}" class="jump_page">?</a>
{/block:PreviousPage}
{block:JumpPagination length="4"}
{block:CurrentPage}
<span class="current_page"><i><b>{PageNumber}</b></i></span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}" class="jump_page">?</a>
{/block:NextPage}
{/block:Pagination}
</div>
{block:IfNotInfiniteScrolling}
</div>
</div>
<div id="entries">
<div class=""autopagerize_page_element">
{block:Posts}
<div class="post">
{block:Text}
<h1>{block:Title}{Title}{/block:Title}</h1>
{Body}
{/block:Text}
{block:Photo}
{LinkOpenTag}
{block:If250pxPosts}<img src="{PhotoURL-250}">{/block:If250pxPosts}
{LinkCloseTag}
{block:IfShowCaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:IfShowCaptions}
{/block:Photo}
{block:Photoset}
{block:If250pxPosts}{Photoset-250}{/block:If250pxPosts}
{/block:Photoset}
{block:Quote}
<div class="quote">
{Quote}
{block:Source} —{Source}{/block:Source}
</div>
{/block:Quote}
{block:Link}
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
{block:Lines}
{block:Label}<b>{Label}</b>{/block:Label}
{Line}<br />
{/block:Lines}
{/block:Chat}
{block:Audio}
<div class="audioContainer">
{block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
</div>
{/block:Audio}
{block:Video}
{block:If250pxPosts}{Video-250}{/block:If250pxPosts}
{/block:Video}
{block:ReblogParent}

{/block:ReblogParent}
{block:Answer}
<div id="ask">
<div id="asker">{Asker}</div> {Question}
</div>
{Answer}
{/block:Answer}
<div id="permalink">
{block:PermalinkPage}
{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/bl
ock:RebloggedFrom}, source: {block:RebloggedFrom}<a href="{ReblogRootURL}">{Rebl
ogRootName}</a>{/block:RebloggedFrom}<br />
{/block:PermalinkPage}
{block:Date}
<a href="{Permalink}">{TimeAgo}</a>
{/block:Date}
{block:NoteCount}
<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}
{block:HasTags}
<div id="tag">
{block:Tags}<a href="{TagURL}">{Tag} </a>{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
{/block:Posts}
</div></div>
</div>
</div>
<div id="c">codes by<br /><a href="http://pohroro.tumblr.com">pohroro</a></div>
</body>
</html>

Theme 1

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Theme 1

Uploaded by

Copyright:

Available Formats

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

name="color:Body Font" content="#000000" />

name="if:Show Captions" content="1" />

<meta name="if:Custom Link Seven" content="0" />

ck:ifCustomLinkSix}<!--->{block:ifCustomLinkSeven}<a href="{text:Link Seven URL}">{text:Link Seven}</a

You might also like