<!-- #7 Allons-y
by ohmyklaus.tumblr.com
######## ## ## ## ## ## ##
######## ## ## ### ### ## ##
## ## ######## #### #### ## ##
## ## ######## ## #### ## ####
######## ## ## ## ## ## ##
######## ## ## ## ## ##
DO NOT REMOVE THE CREDIT!
DO NOT CLAIM AS YOUR OWN! -->
<html><head>
<meta name="image:Side Image 200x150px" content=""/>
<meta name="color:Background" content="#352a3a"/>
<meta name="color:Font" content="#e5deea"/>
<meta name="color:Links" content="#b097bd"/>
<meta name="color:Border" content="#413546"/>
<meta name="color:Side Background" content="#4b3e50"/>
<meta name="color:Nav Links" content="#f0eef1"/>
<meta name="color:Nav Background 1" content="#54475a"/>
<meta name="color:Nav Background 2" content="#5e5164"/>
<meta name="color:Nav Background 3" content="#685b6f"/>
<meta name="text:Link 1 URL" content="/" />
<meta name="text:Link 1 Title" content="refresh" />
<meta name="text:Link 2 URL" content="/ask" />
<meta name="text:Link 2 Title" content="message" />
<meta name="text:Link 3 URL" content="/" />
<meta name="text:Link 3 Title" content="link" />
<meta name="text:Link 4 URL" content="/" />
<meta name="text:Link 4 Title" content="link" />
<meta name="text:Link 5 URL" content="/" />
<meta name="text:Link 5 Title" content="link" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<style type="text/css">
/* --- BASICS --- */
body {
font-family: Calibri;
font-size: 10px;
line-height: 100%;
text-align: justify;
color: {color:Font};
background-color: {color:Background}; }
a:link, a:visited, a:active {
font-family: Calibri;
font-size: 10px;
color: {color:Links};
-webkit-transition-duration: .90s; }
a:hover {
color: {color:Font};
-webkit-transition-duration: .90s; }
b, strong {
color: {color:Font}; }
blockquote {
margin-left: 0px;
padding-left:4px;
border-left: 4px solid {color:Bold}; }
#title {
font-family: Calibri;
font-size: 20px;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 4px;
font-size: 16px;
text-align: center; }
#link {
font-family: Calibri;
font-size: 20px;
margin-top: 5px;
padding-bottom: 0px;
font-size: 16px;
text-align: center; }
h1 {
font-family: Calibri;
font-size: 20px;
line-height: 15px;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
color: {color:Links}; }
/* --- QUOTE --- */
#quote {
margin: 0px 0px;
font-family: Calibri;
font-size: 16px; }
#source {
padding-top: 5px;
padding-left: 20px; }
/* --- AUDIO --- */
#audio {
padding: 0px; }
.qu {
opacity: 0.7;
font-family: Calibri;
font-size: 25px;
font-weight: bold;
line-height: 33px;}
.ote {
opacity: 0.9;
margin-top: -34px;
text-indent: 15px; }
.audio {
background-color :white;
display: block; }
/* --- QUESTION --- */
.asker {
width: 485px;
padding: 5px;
text-transform: normal;
line-height: 100%;
font-weight: normal;
color:{color:Font}; }
.asker img {
float: left;
padding: 0px 7px 0px 0px; }
.asker a {
margin: 0;
padding: 0;
line-height: 100%;
font-weight: bold;
text-transform: normal;
color: {color:Links}; }
.asker a:hover {
margin: 0;
padding: 0;
font-weight: bold;
text-transform: normal;
color: {color:Font}; }
.question {
font-size: 8px;
font-weight: normal;
text-transform: none;
color:{color:Font};
background-color: {color:Border}; }
.answer {
padding-top: 0px;
padding-left: 5px;
padding-right: 5px; }
.answer img {
max-width: 500px; }
img a {
border: none;
width:100%; }
/* --- CHAT --- */
.user_1 .label {color:{color:link}; font-weight:bold;}
.user_2 .label {color:{color:link}; font-weight:bold;}
.user_3 .label {color:{color:link}; font-weight:bold;}
.user_4 .label {color:{color:link}; font-weight:bold;}
.user_5 .label {color:{color:link}; font-weight:bold;}
.user_6 .label {color:{color:link}; font-weight:bold;}
.user_7 .label {color:{color:link}; font-weight:bold;}
.user_8 .label {color:{color:link}; font-weight:bold;}
.user_9 .label {color:{color:link}; font-weight:bold;}
.user_10 .label {color:{color:link}; font-weight:bold;}
.user_11 .label {color:{color:link}; font-weight:bold;}
.user_12 .label {color:{color:link}; font-weight:bold;}
.user_13 .label {color:{color:link}; font-weight:bold;}
.user_14 .label {color:{color:link}; font-weight:bold;}
.user_15 .label {color:{color:link}; font-weight:bold;}
.user_16 .label {color:{color:link}; font-weight:bold;}
.user_17 .label {color:{color:link}; font-weight:bold;}
.user_18 .label {color:{color:link}; font-weight:bold;}
.user_19 .label {color:{color:link}; font-weight:bold;}
.user_20 .label {color:{color:link}; font-weight:bold;}
ul.chat, .chat ol, .chat li {
margin:0px;
padding:0px;
list-style:none;}
/* --- SCROLLBAR --- */
::-webkit-scrollbar-thumb:vertical {
height:10px;
background-color: {color:Border}; }
::-webkit-scrollbar-thumb:horizontal {
height:10px;
background-color: {color:Border}; }
::-webkit-scrollbar {
height: 10px;
width: 10px;
background-color: {color:Background}; }
/* --- PERMALINK NOTES PAGE --- */
#perma-notes {
position: absolute;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 50px;
width: 460px;
padding: 20px 30px;
background-color: {color:Background};
-webkit-transition: 0.4s linear; }
#perma-notes img {
width: 0px;
height: 0px; }
ol.notes, .notes li {
margin: 0px 0px 0px 0px;
width: 480px;
padding: 2px;
text-align: left;
color: {color:Font}; }
ol.notes, .notes li a {
text-align: left;
color: {color:Links}; }
ol.notes, .notes li a:hover {
color: {color:Font}; }
/* --- POSTS --- */
#entries {
position: absolute;
top: 0px;
margin-left: 270px;
width: 520px;
padding: 30px 30px 30px 30px;
background-color: {color:Background};
z-index: 1000; }
#posts {
overflow: hidden;
margin-top: 0px;
margin-bottom: 40px;
padding: 10px 10px 8px 10px;
font-size: 10px;
background-color: {color:Background};
-webkit-transition: 0.4s linear; }
#posts:hover {
background-color: {color:Border}; }
#posts:hover #info {
background-color: {color:Border}; }
/* --- INFO --- */
#info {
position: absolute;
opacity: 1;
margin-top: -39px;
margin-left: 0px;
width: 500px;
padding: 2px 10px 2px 10px;
font-size: 10px;
line-height:100%;
text-align: left;
color: {color:Links};
background-color: {color:Background};
-webkit-transition: 0.4s linear; }
#info a {
color: {color:Links}; }
#info a:hover {
color: {color:Font};
-webkit-transition: 0.4s linear; }
/* --- SIDEBAR --- */
#center {
margin-left: auto;
margin-right: auto;
width: 900px; }
#position {
position: fixed;
top: 155px;
margin-left: -40px;
width: 200px;
z-index:2000; }
#sidebar {
margin-left: 0px;
margin-top: 0px;
width: 200px;
height: 150px;
font-size: 10px;
color: {color:Font}; }
#sidebar:hover #description {
opacity: 1;
display: block; }
#sideimg {
margin-left: -2000px;
margin-top: 0px;
padding: 0px;
Background: {color:Side Background}; }
#sideimg img {
width: 200px;
height: 150px;
border-top: 0px solid {color:Border};
border-left: 2005px solid {color:Border};
border-right: 100px solid {color:Border}; }
#description {
position: fixed;
opacity: 1;
overflow: hidden;
margin-top: 10px;
margin-left: -2000px;
width: 200px;
padding: 9px 70px 3000px 2005px;
text-align: center;
color: {color:Font};
background-color: {color:Side Background};
-webkit-transition-duration: .90s;
z-index:3000;}
/* --- BORDER --- */
#left {
position: fixed;
top: 0px;
margin-left: -1735px;
width: 2000px;
height: 100%;
background-color: {color:Side Background};
border-right: 5px solid {color:Border};
z-index: 1002; }
/* --- NAVIGATION --- */
#nav {
position: fixed;
top: 155px;
margin-left: 165px;
z-index: 2002; }
#nav-a, #nav-b, #nav-c, #nav-d, #nav-e {
position: fixed;
margin-left: 0px;
-webkit-transition-duration: .90s; }
#nav-a {
margin-top: 0px;
background: {color:Nav Background 1}; }
#nav-b {
margin-top: 30px;
background: {color:Nav Background 2}; }
#nav-c {
margin-top: 60px;
background: {color:Nav Background 3}; }
#nav-d {
margin-top: 90px;
background: {color:Nav Background 2}; }
#nav-e {
margin-top: 120px;
background: {color:Nav Background 1}; }
.links {
display: block;
width: 100px;
padding: 10px 0px 10px 0px;
font-size: 8px;
font-family: Calibri;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
color: {color:Nav Links};
-webkit-transition-duration: .60s; }
.links a, a {
text-decoration: none;
text-transform: none;
color: {color:Nav Links}; }
.links:hover {
letter-spacing: 3px;
color: {color:Nav Links};
background: {color:Border};
-webkit-transition-duration: .60s; }
/* --- PAGES --- */
#next {
position: fixed;
bottom: 0px;
margin-left: 865px;
width: 15px;
padding-bottom: 30px;
background-color: {color:Border};
-webkit-transition-duration: .90s; }
#prev {
position: fixed;
bottom: 30px;
margin-left: 850px;
width: 15px;
padding-right: 2000px;
background-color: {color:Side Background};
-webkit-transition-duration: .90s; }
.pages {
display: block;
width: 15px;
padding: 1px 0px 4px 0px;
font-size: 20px;
text-align: center;
color: {color:Links};
background: none;
-webkit-transition-duration: .90s; }
.pages a, a {
text-decoration: none;
text-transform: none;
color: {color:Font}; }
.pages:hover {
color: {color:Font};
background-color: {color:Nav Background 1}; }
/* --- CREDIT --- */
#credit {
position: fixed;
bottom: 7px;
right: 20px;
width: 6px;
height: 8px;
padding: 3px 5px 5px 5px;
font-family: Calibri;
font-size: 10px;
letter-spacing: 1px;
text-align:center;
text-transform: uppercase;
color: {color:Font};
overflow: hidden;
-webkit-transition-duration: .60s;
z-index: 10000; }
#credit a {
color: {color:Font}; }
#credit b {
font-style: italic;
font-weight: bold;
color: {color:Links}; }
#credit:hover {
width: 28px;
-webkit-transition-duration: .60s; }
</style></head>
<body>
<!-- DO NOT REMOVE !!! --><div id="credit">
<a href="http://ohmyklaus.tumblr.com/tagged/themes">
<b>t</b>heme</a></div> <!-- DO NOT REMOVE !!! -->
<div id="center">
{block:Pagination}{block:PreviousPage}<div id="prev"><center>
<a href="{PreviousPage}"> <div class="pages">«</div></a>
</center></div>{/block:PreviousPage}{/block:Pagination}
{block:Pagination}{block:PreviousPage}<div id="next"><center>
<a href="{NextPage}"> <div class="pages">»</div></a>
</center></div>{/block:PreviousPage}{/block:Pagination}
<div id="left"><br></div>
<div id="nav">
<div id="nav-a"><a href="{text:Link 1 URL}">
<div class="links">{text:Link 1 Title}</div></a></div>
<div id="nav-b"><a href="{text:Link 2 URL}">
<div class="links">{text:Link 2 Title}</div></a></div>
<div id="nav-c"><a href="{text:Link 3 URL}">
<div class="links">{text:Link 3 Title}</div></a></div>
<div id="nav-d"><a href="{text:Link 4 URL}">
<div class="links">{text:Link 4 Title}</div></a></div>
<div id="nav-e"><a href="{text:Link 5 URL}">
<div class="links">{text:Link 5 Title}</div></a></div>
</div>
<div id="position">
<div id="sidebar">
<div id="sideimg">
<img src="{image:Side Image 200x150px}" width="200px">
</div>
<div id="description">
{description}</div>
</div></div>
<div id="entries">
{block:Posts}
<div id="posts">
{block:Title}
<h1>{Title} </h1>
{/block:Title}
{block:Text}
{Body}
{/block:Text}
{block:Quote}
<div id="quote">
<i>{Quote}</i>
</div>
{block:Source}
<div id="source">
- {Source}
</div>{/block:Source}
{/block:Quote}
{block:Link}
<a href="{URL}" class="link" {Target}><h1>{Name} </h1></a>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Photo}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{LinkCloseTag}<br>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photo}
{block:Photoset}
{Photoset-500}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}
{block:Chat}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}</li>
{/block:Lines}</ul>
{/block:Chat}
{block:Video}
{Video-500}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Video}
{block:Answer}
<div class="asker">
<img src="{AskerPortraitURL-24}"><b>{Asker}</b> asked:
<div class="questions">
{Question}
</div></div>
<div class="answer">
{Answer}
</div>
{/block:Answer}
{block:Audio}
<div id="audio">
{block:AlbumArt}
<img src="{AlbumArtURL}"
width="55px" height="55px"
align="left" style="margin-right:10px" />
{/block:AlbumArt}
{block:TrackName}
Song: <b>{TrackName}</b><br>
{/block:TrackName}
{block:Artist}
Artist: <b>{Artist}</b><br><br>
{/block:Artist}
{AudioPlayerBlack}<br>
</div>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Audio}
</div>
<div id="info">
{block:Date}
posted
<a href="{Permalink}">{TimeAgo}</a>
{/block:Date}
{block:NoteCount}
with <a href="{Permalink}">{NoteCount} notes</a>
{/block:NoteCount}
{block:RebloggedFrom}
» via <a href="{ReblogParentURL}">
<a href="{ReblogParentURL}">{ReblogParentName}</a>
{/block:RebloggedFrom}
{block:ContentSource}
» <a href="{SourceURL}">©</a>
{/block:ContentSource}
{block:HasTags}<br> tags:
{block:Tags} # <a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
{/block:HasTags} <br>
</div>
{/block:Posts}
{block:PostNotes}
<div id="perma-notes">{PostNotes}</div>
{/block:PostNotes}
</div>
</body>
</html>