- <!--
- WTH is a Stiles? 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="#352e31"/>
- <meta name="color:Font" content="#d8b4a8"/>
- <meta name="color:Links" content="#f33c4f"/>
- <meta name="color:Links Hover" content="#d8b4a8"/>
- <meta name="color:Bold" content="#f33c4f"/>
- <meta name="color:Posts Title" content="#f33c4f"/>
- <meta name="color:Blog Title Color" content="#d8b4a8"/>
- <meta name="color:Posts Background" content="#453d40"/>
- <meta name="color:Posts Hover Border" content="#3d3539"/>
- <meta name="color:Scrollbar" content="#f33c4f"/>
- <meta name="color:Nav Links Color" content="#d8b4a8"/>
- <meta name="color:Home Link Background" content="#453d40"/>
- <meta name="color:Ask Link Background" content="#453d40"/>
- <meta name="color:Theme Link Background" content="#453d40"/>
- <meta name="color:Link 1 Background" content="#453d40"/>
- <meta name="color:Link 2 Background" content="#453d40"/>
- <meta name="color:Link 3 Background" content="#453d40"/>
- <meta name="image:Background Image" content=""/>
- <meta name="image:Sidebar Image" content="
- http://store.picbg.net/pubpic/4E/8C/8f3f5135d2254e8c.png"/>
- <meta name="text:Sidebar Image height" content="210" />
- <meta name="text:Blog Title" content="" />
- <meta name="text:Home Link URL" content="/" />
- <meta name="text:Home Link Title" content="home" />
- <meta name="text:Ask Link URL" content="/ask" />
- <meta name="text:Ask Link Title" content="message" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 1 Title" content="link 1" />
- <meta name="text:Link 2 URL" content="/" />
- <meta name="text:Link 2 Title" content="link 2" />
- <meta name="text:Link 3 URL" content="/" />
- <meta name="text:Link 3 Title" content="link 3" />
- <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};
- background-image: url('{image:Background Image}');
- background-attachment: fixed;
- background-position: left top;
- background-repeat: no-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: 1px 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: 70px;
- margin-left: 300px;
- width: 520px; }
- #posts {
- overflow: hidden;
- margin-top: -40px;
- margin-bottom: 40px;
- padding: 10px 10px 8px 10px;
- font: 8px mane;
- text-transform: uppercase;
- background-color: {color:Background};
- -webkit-transition: 0.4s linear; }
- #posts:hover {
- background-color: {color:Posts Background};
- border-top: 5px solid {color:Posts Hover Border};
- border-bottom: 5px solid {color:Posts Hover Border};
- -webkit-transition: 0.4s linear; }
- #posts:hover #info {
- opacity:1;
- display:block;
- }
- /* --- POST INFO --- */
- #info {
- position: absolute;
- opacity: 0;
- margin-top: -10px;
- margin-left: 515px;
- width: 150px;
- padding: 1px 5px 3px 5px;
- font-family: Calibri;
- font-size: 10px;
- line-height:100%;
- text-align: left;
- color: {color:Font};
- background-color: none;
- -webkit-transition: 0.4s linear; }
- #info a {
- color: {color:Font}; }
- #info a:hover {
- color: {color:Links};
- -webkit-transition: 0.4s linear; }
- /* --- QUOTE --- */
- #quote {
- margin: 0px 32px;
- font-family: Calibri;
- font-size: 16px; }
- #source {
- padding-top: 10px;
- font-size: 8px; }
- /* --- 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;
- font-family: Calibri;
- font-size: 10px;
- 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;
- font-size: 8px;
- 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:links}; font-weight:bold;}
- .user_2 .label {color:{color:links}; font-weight:bold;}
- .user_3 .label {color:{color:links}; font-weight:bold;}
- .user_4 .label {color:{color:links}; font-weight:bold;}
- .user_5 .label {color:{color:links}; font-weight:bold;}
- .user_6 .label {color:{color:links}; font-weight:bold;}
- .user_7 .label {color:{color:links}; font-weight:bold;}
- .user_8 .label {color:{color:links}; font-weight:bold;}
- .user_9 .label {color:{color:links}; font-weight:bold;}
- .user_10 .label {color:{color:links}; font-weight:bold;}
- .user_11 .label {color:{color:links}; font-weight:bold;}
- .user_12 .label {color:{color:links}; font-weight:bold;}
- .user_13 .label {color:{color:links}; font-weight:bold;}
- .user_14 .label {color:{color:links}; font-weight:bold;}
- .user_15 .label {color:{color:links}; font-weight:bold;}
- .user_16 .label {color:{color:links}; font-weight:bold;}
- .user_17 .label {color:{color:links}; font-weight:bold;}
- .user_18 .label {color:{color:links}; font-weight:bold;}
- .user_19 .label {color:{color:links}; font-weight:bold;}
- .user_20 .label {color:{color:links}; 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: 5px;
- 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; }
- /* --- BORDER --- */
- #top {
- position: fixed;
- top: 0px;
- margin-left: 300px;
- width: 520px;
- height: 10px;
- background-color: {color:Posts Background};
- border-bottom: 5px solid {color:Posts Hover Border};
- z-index: 1001; }
- #bottom {
- position: fixed;
- bottom: 0px;
- margin-left: 300px;
- width: 520px;
- height: 10px;
- background-color: {color:Posts Background};
- border-top: 5px solid {color:Posts Hover Border};
- z-index: 1001; }
- /* --- SIDEBAR --- */
- #center {
- margin-left: auto;
- margin-right: auto;
- width: 800px; }
- #position {
- position: fixed;
- top: 100px;
- margin-left: 20px;
- width: 200px; }
- .sidebar {
- margin-left: 0px;
- width: 200px;
- height: {text:Sidebar Image height}px;
- padding: 0px 0px -2px 0px;
- font-family: Calibri;
- font-size: 10px;
- color: {color:Font}; }
- #ttl {
- position: fixed;
- margin-top: -45px;
- width: 200px;
- font: 9px 'Orator Std';
- letter-spacing: 2px;
- text-transform: uppercase;
- color: {color:Blog Title Color}; }
- #description {
- position: fixed;
- opacity: 0.9;
- overflow: hidden;
- margin-top: 30px;
- margin-left: 0px;
- width: 200px;
- padding: 6px 0px 4px 0px;
- text-align: justify;
- color: {color:Font};
- background: none;
- border: 5px solid none;
- -webkit-transition-duration: .90s;}
- /* --- NAVIGATION --- */
- #nav-a {
- position: fixed;
- margin-top: -21px;
- margin-left: -1px;
- background: {color:Home Link Background};
- -webkit-transition-duration: .90s; }
- #nav-a:hover {
- margin-top: -21px;
- color: {color:Links Hover}; }
- #nav-b {
- position: fixed;
- margin-top: -21px;
- margin-left: 68px;
- background: {color:Ask Link Background};
- -webkit-transition-duration: .90s; }
- #nav-b:hover {
- margin-top: -21px;
- color: {color:Links Hover}; }
- #nav-c {
- position: fixed;
- margin-top: -21px;
- margin-left: 137px;
- background: {color:Theme Link Background};
- -webkit-transition-duration: .90s; }
- #nav-c:hover {
- margin-top: -21px;
- color: #fd9558; }
- #nav-d {
- position: fixed;
- margin-top: 4px;
- margin-left: -1px;
- background: {color:Link 1 Background};
- -webkit-transition-duration: .90s; }
- #nav-d:hover {
- margin-top: 4px;
- color: {color:Links Hover}; }
- #nav-e {
- position: fixed;
- margin-top: 4px;
- margin-left: 68px;
- background: {color:Link 2 Background};
- -webkit-transition-duration: .90s; }
- #nav-e:hover {
- margin-top: 4px;
- color: {color:Links Hover}; }
- #nav-f {
- position: fixed;
- margin-top: 4px;
- margin-left: 137px;
- background: {color:Link 3 Background};
- -webkit-transition-duration: .90s; }
- #nav-f:hover {
- margin-top: 4px;
- color: {color:Links Hover}; }
- .link-1 {
- float: left;
- display: block;
- margin-top: 0px;
- margin-left: 0px;
- width: 64px;
- padding: 2px 0px 3px 0px;
- font-family: Orator Std;
- font-size: 9px;
- 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 {
- background: {color:Posts Background};
- color: {color:Font}; }
- /* --- PAGES --- */
- #prev {
- position: fixed;
- margin-top: 70px;
- margin-left: -40px;
- width: 0px;
- -webkit-transition-duration: .90s; }
- #next {
- position: fixed;
- margin-top: 70px;
- margin-left: 205px;
- width: 0px;
- -webkit-transition-duration: .90s; }
- .pages {
- display: block;
- width: 30px;
- padding: 0px 2px 4px 2px;
- font: 35px tahoma;
- text-align: center;
- color: {color:Links};
- background: none;
- -webkit-transition-duration: .90s; }
- .pages a, a {
- text-decoration: none;
- text-transform: none;
- color: {color:Links}; }
- .pages:hover {
- color: {color:Font};
- background: none; }
- </style>
- </head>
- <body>
- <div id="center">
- <div id="top"><br></div>
- <div id="bottom"><br></div>
- <div id="position">
- <center><div id="ttl"><br>
- {text:Blog Title}
- </div></center>
- <br>
- <div class="sidebar">
- <div id="prev"><center>
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}"> <div class="pages">«</div></a>
- {/block:PreviousPage}
- {/block:Pagination}
- </center></div>
- <div id="next"><center>
- {block:Pagination}
- {block:NextPage}
- <a href="{NextPage}"> <div class="pages">»</div></a>
- {/block:NextPage}
- {/block:Pagination}
- </center></div>
- <div id="nav-a"><center>
- <a href="{text:Home Link URL}"> <div class="link-1">{text:Home Link Title}</div></a>
- </center></div>
- <div id="nav-b"><center>
- <a href="{text:Ask Link URL}"> <div class="link-1">{text:Ask Link Title}</div></a>
- </center></div>
- <div id="nav-c"><center>
- <a href="http://ohmyklaus.tumblr.com/tagged/themes" target="_blank"> <div class="link-1">theme</div></a>
- </center></div>
- <img src="{image:Sidebar Image}" width="200px">
- <div id="nav-d"><center>
- <a href="{text:Link 1 URL}"> <div class="link-1">{text:Link 1 Title}</div></a>
- </center></div>
- <div id="nav-e"><center>
- <a href="{text:Link 2 URL}"> <div class="link-1">{text:Link 2 Title}</div></a>
- </center></div>
- <div id="nav-f"><center>
- <a href="{text:Link 3 URL}"> <div class="link-1">{text:Link 3 Title}</div></a>
- </center></div>
- <div id="description">
- <center>
- {description}
- </center>
- </div>
- </div>
- </div>
- <div id="entries">
- {block:Posts}
- <div id="posts">
- <div id="info">
- {block:Date}
- Posted
- <a href="{Permalink}">{TimeAgo}</a> <br>
- {/block:Date}
- {block:NoteCount}
- with
- <a href="{Permalink}">{NoteCount} notes</a> <br>
- {/block:NoteCount}
- {block:RebloggedFrom}<br>
- via: <a href="{ReblogParentURL}">
- <a href="{ReblogParentURL}">{ReblogParentName}</a> <br>
- {/block:RebloggedFrom}
- {block:ContentSource}
- source: <a href="{SourceURL}">{SourceLink}</a> <br>
- {/block:ContentSource}
- {block:HasTags}<br>
- Tags:
- {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}
- {/block:HasTags}
- </div>
- {block:Title}
- <h1>{Title} </h1>
- {/block:Title}
- {block:Text}
- {Body}
- {/block:Text}
- {block:Quote}
- <div id="quote">
- <center>
- " {Quote} "
- </center>
- </div>
- {block:Source}
- <div id="source">
- <center>
- {Source}
- </center>
- </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>
- {/block:Posts}
- {block:PostNotes}
- <div id="postnotes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- </body>
- </html>

