Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- #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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement