- <!--
- Allons-y by Evy
- ohmyklaus.tumblr.com
- EEEEEE EE EE EE EE
- EE EE EE EE EE
- EE EE EE EE EE
- EEEEE EE EE EEEE
- EE EEEE EE
- EE EEEE EE
- EEEEEEE EE EE
- DO NOT REMOVE THE CREDIT!
- DO NOT CLAIM AS YOUR OWN!
- -->
- <html><head>
- <meta name="color:Background" content="#352a3a"/>
- <meta name="color:Font" content="#f0eef1"/>
- <meta name="color:Links" content="#b097bd"/>
- <meta name="color:Links Hover" content="#f0eef1"/>
- <meta name="color:Bold" content="#b097bd"/>
- <meta name="color:Posts Title" content="#b097bd"/>
- <meta name="color:Blog Title Color" content="#b097bd"/>
- <meta name="color:Posts Background" content="#413546"/>
- <meta name="color:Border color" content="#413546"/>
- <meta name="color:Side Background" content="#4b3e50"/>
- <meta name="color:Nav Links Color" content="#f0eef1"/>
- <meta name="color:Nav Links Hover Color" content="#f0eef1"/>
- <meta name="color:Nav Links Hover Background" content="#413546"/>
- <meta name="color:Link 1 Background" content="#54475a"/>
- <meta name="color:Link 2 Background" content="#5e5164"/>
- <meta name="color:Link 3 Background" content="#685b6f"/>
- <meta name="color:Link 4 Background" content="#5e5164"/>
- <meta name="color:Link 5 Background" content="#54475a"/>
- <meta name="color:Scrollbar" content="#413546"/>
- <meta name="image:Background Image" content=""/>
- <meta name="image:Side Image 200x150px" content=""/>
- <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="" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 4 Title" content="" />
- <meta name="text:Link 5 URL" content="" />
- <meta name="text:Link 5 Title" content="" />
- <meta name="text:Link 6 URL" content="" />
- <meta name="text:Link 6 Title" content="" />
- <meta name="text:Link 7 URL" content="" />
- <meta name="text:Link 7 Title" content="" />
- <meta name="text:Link 8 URL" content="" />
- <meta name="text:Link 8 Title" content="" />
- <meta name="text:Link 9 URL" content="" />
- <meta name="text:Link 9 Title" content="" />
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <style type="text/css">
- /* --- BASICS --- */
- body {
- font-family:Trebuchet MS, Helvetica, Arial,
- "Arial Unicode MS", Sans-Serif;
- font-size: 10px;
- line-height: 100%;
- text-align: justify;
- color: {color:Font};
- background-color: {color:Background};
- background-image: url('{image:Background Image}');
- background-attachment: fixed;
- background-position: left top;
- background-repeat: repeat; }
- a:link, a:visited, a:active {
- font-family: Calibri;
- font-size: 10px;
- color: {color:Links};
- border-bottom: 0px solid transparent;
- -webkit-transition-duration: .90s; }
- a:hover {
- border-bottom: 0px solid {color:Links Hover};
- color: {color:Links Hover};
- -webkit-transition-duration: .90s; }
- b, strong {
- color: {color:Bold}; }
- 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:Posts Title}; }
- /* --- 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:Posts Background}; }
- #posts:hover #info {
- background-color: {color:Posts Background}; }
- /* --- 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:Bold};
- background-color: {color:Background};
- -webkit-transition: 0.4s linear; }
- #info a {
- color: {color:Bold}; }
- #info a:hover {
- color: {color:Font};
- -webkit-transition: 0.4s linear; }
- /* --- 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: georgia;
- 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: 490px;
- padding: 5px;
- text-transform: normal;
- line-height: 100%;
- font-weight: normal;
- color:{color:Font};}
- .asker img {
- float: left;
- padding: 0px 5px 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:Links Hover}; }
- .question {
- font-size: 8px;
- font-weight: normal;
- text-transform: none;
- color:{color:Font};
- background-color: {color:Posts Background}; }
- .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:bold}; font-weight:bold;}
- .user_2 .label {color:{color:bold}; font-weight:bold;}
- .user_3 .label {color:{color:bold}; font-weight:bold;}
- .user_4 .label {color:{color:bold}; font-weight:bold;}
- .user_5 .label {color:{color:bold}; font-weight:bold;}
- .user_6 .label {color:{color:bold}; font-weight:bold;}
- .user_7 .label {color:{color:bold}; font-weight:bold;}
- .user_8 .label {color:{color:bold}; font-weight:bold;}
- .user_9 .label {color:{color:bold}; font-weight:bold;}
- .user_10 .label {color:{color:bold}; font-weight:bold;}
- .user_11 .label {color:{color:bold}; font-weight:bold;}
- .user_12 .label {color:{color:bold}; font-weight:bold;}
- .user_13 .label {color:{color:bold}; font-weight:bold;}
- .user_14 .label {color:{color:bold}; font-weight:bold;}
- .user_15 .label {color:{color:bold}; font-weight:bold;}
- .user_16 .label {color:{color:bold}; font-weight:bold;}
- .user_17 .label {color:{color:bold}; font-weight:bold;}
- .user_18 .label {color:{color:bold}; font-weight:bold;}
- .user_19 .label {color:{color:bold}; font-weight:bold;}
- .user_20 .label {color:{color:bold}; 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:Scrollbar}; }
- ::-webkit-scrollbar-thumb:horizontal {
- height:10px;
- background-color: {color:Scrollbar}; }
- ::-webkit-scrollbar {
- height: 10px;
- width: 10px;
- background-color: {color:Background}; }
- /* --- PERMALINK NOTES PAGE --- */
- #postnotes {
- margin:0px 0px 0px 0px;
- width:510px;
- padding:5px;
- font-family: Calibri;
- font-size: 10px;
- background-color: none; }
- #postnotes a {
- margin-top:1px; }
- ol.notes li.note {
- padding:1px;
- border-bottom: solid 0px;}
- ol.notes li.note img.avatar {
- vertical-align:-4px;
- margin-right:0px;
- width:16px;
- height:16px; }
- /* --- 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: auto;
- 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 color};
- border-bottom: 0px solid {color:Link 1 Background};
- border-left: 2005px solid {color:Border color};
- border-right: 100px solid {color:Border color}; }
- ttl {
- font-family: Calibri, Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
- font-size: 15px;
- text-align: center;
- letter-spacing: 0px;
- color: {color:Blog Title Color}; }
- #description {
- position: fixed;
- opacity: 1;
- overflow: hidden;
- margin-top: 0px;
- 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 color};
- z-index: 1002; }
- /* --- NAVIGATION --- */
- #nav {
- position: fixed;
- top: 155px;
- margin-left: 165px;
- z-index: 2002; }
- #nav-a {
- position: fixed;
- margin-top: 0px;
- margin-left: 0px;
- background: {color:Link 1 Background};
- -webkit-transition-duration: .90s; }
- #nav-a:hover {
- color: {color:Links Hover}; }
- #nav-b {
- position: fixed;
- margin-top: 30px;
- margin-left: 0px;
- background: {color:Link 2 Background};
- -webkit-transition-duration: .90s; }
- #nav-b:hover {
- color: {color:Links Hover}; }
- #nav-c {
- position: fixed;
- margin-top: 60px;
- margin-left: 0px;
- background: {color:Link 3 Background};
- -webkit-transition-duration: .90s; }
- #nav-c:hover {
- color: #fd9558; }
- #nav-d {
- position: fixed;
- margin-top: 90px;
- margin-left: 0px;
- background: {color:Link 4 Background};
- -webkit-transition-duration: .90s; }
- #nav-d:hover {
- color: {color:Links Hover}; }
- #nav-e {
- position: fixed;
- margin-top: 120px;
- margin-left: 0px;
- background: {color:Link 5 Background};
- -webkit-transition-duration: .90s; }
- #nav-e:hover {
- color: {color:Links Hover}; }
- .link-1 {
- float: left;
- display: block;
- width: 100px;
- padding: 10px 0px 10px 0px;
- font-size: 10px;
- font-family: Calibri, Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
- text-transform: uppercase;
- text-align: center;
- color: {color:Nav Links Color};
- -webkit-transition-duration: .90s; }
- .link-1 a, a {
- text-decoration: none;
- text-transform: none;
- color: {color:Nav Links Color}; }
- .link-1:hover {
- color: {color:Nav Links Hover Color};
- background: {color:Nav Links Hover Background}; }
- /* --- PAGES --- */
- #next {
- position: fixed;
- bottom: 0px;
- margin-left: 865px;
- width: 15px;
- padding-bottom: 30px;
- background-color: {color:Border color};
- -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:Link 1 Background}; }
- </style>
- </head>
- <body>
- <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:NextPage}
- <div id="next"><center>
- <a href="{NextPage}"> <div class="pages">»</div></a>
- </center></div>
- {/block:NextPage}
- {/block:Pagination}
- <div id="left"><br></div>
- <div id="nav">
- <div id="nav-a"><a href="{text:Link 1 URL}">
- <div class="link-1">{text:Link 1 Title}</div></a></div>
- <div id="nav-b"><a href="{text:Link 2 URL}">
- <div class="link-1">{text:Link 2 Title}</div></a></div>
- <div id="nav-c"><a href="{text:Link 3 URL}">
- <div class="link-1">{text:Link 3 Title}</div></a></div>
- <div id="nav-d"><a href="{text:Link 4 URL}">
- <div class="link-1">{text:Link 4 Title}</div></a></div>
- <div id="nav-e">
- <a href="http://ohmyklaus.tumblr.com/tagged/themes" target="_blank">
- <div class="link-1">theme</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">
- <ttl><i>{title}</i></ttl>
- {block:ifLink5title}<br>
- <a href="{text:Link 5 URL}">{text:Link 5 Title}</a>
- {/block:ifLink5title}
- {block:ifLink6title}»
- <a href="{text:Link 6 URL}">{text:Link 6 Title}</a>
- {/block:ifLink6title}
- {block:ifLink7title}»
- <a href="{text:Link 7 URL}">{text:Link 7 Title}</a>
- {/block:ifLink7title}
- {block:ifLink8title}»
- <a href="{text:Link 8 URL}">{text:Link 8 Title}</a>
- {/block:ifLink8title}
- {block:ifLink9title}»
- <a href="{text:Link 9 URL}">{text:Link 9 Title}</a>
- {/block:ifLink9title}
- <br><br>
- {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="postnotes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- </body>
- </html>

