Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- #10 Right in Frond of You
- by 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="#f8f8f8"/>
- <meta name="color:Font" content="#7b7b7b"/>
- <meta name="color:Links" content="#a55a58"/>
- <meta name="color:Links Hover" content="#7b7b7b"/>
- <meta name="color:Bold" content="#7b7b7b"/>
- <meta name="color:Posts Background" content="#f8f8f8"/>
- <meta name="color:Side Background" content="#f8f8f8"/>
- <meta name="color:Border color" content="#dfdfdf"/>
- <meta name="color:Nav Links" content="#7b7b7b"/>
- <meta name="color:Nav Links Hover" content="#7b7b7b"/>
- <meta name="color:Nav Hover Background" content="#dfdfdf"/>
- <meta name="color:Shadow" content="#dfdfdf"/>
- <meta name="color:Scrollbar" content="#dfdfdf"/>
- <meta name="image:Sidebar Image 1" content=""/>
- <meta name="image:Sidebar Image 2" content="{Favicon}"/>
- <meta name="image:Background Image"
- content="http://prikachi.com/images/451/7549451w.png"/>
- <meta name="text:Blog Title one" content="your" />
- <meta name="text:Blog Title two" content="title right here" />
- <meta name="text:Link 1 Title" content="refresh" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 2 Title" content="message" />
- <meta name="text:Link 2 URL" content="/ask" />
- <meta name="text:Link 3 Title" content="your links" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 4 Title" content="right here" />
- <meta name="text:Link 4 URL" content="" />
- <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-position: left top;
- background-repeat: repeat;
- background-attachment: fixed; }
- a:link, a:visited, a:active {
- font-family: Calibri;
- font-size: 10px;
- line-height: 100%;
- text-align: justify;
- color: {color:Links};
- border-bottom: 0px solid transparent;
- -webkit-transition-duration: .90s; }
- a:hover {
- color: {color:Links Hover};
- border-bottom: 0px solid {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 {
- margin-top: 5px;
- margin-bottom: 5px;
- padding-bottom: 4px;
- font-family: Calibri;
- font-size: 16px;
- text-align: center; }
- #link {
- margin-top: 5px;
- padding-bottom: 0px;
- font-family: Calibri;
- font-size: 16px;
- text-align: center; }
- h1 {
- margin-top: 0px;
- margin-bottom: 0px;
- padding: 0px;
- font-family: Trebuchet MS;
- font-size: 15px;
- line-height: 15px;
- letter-spacing: 0px;
- text-transform: none;
- text-align: left;
- color: {color:Links}; }
- /* --- QUOTE --- */
- #quote {
- margin: 0px;
- font-family: Trebuchet MS;
- font-size: 13px; }
- #source {
- padding-top: 5px;
- padding-left: 10px; }
- /* --- 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; }
- /* --- QUESTION --- */
- .asker {
- width: 490px;
- padding: 5px;
- text-transform: normal;
- line-height: 100%;
- font-weight: normal;
- color:{color:Font}; }
- .asker img {
- padding: 0px 5px 0px 0px;
- float: left; }
- .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-left: 5px;
- padding-right: 5px; }
- .answer img {
- max-width: 500px; }
- img a {
- border: none;
- width: 100%; }
- /* --- 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; }
- /* --- SCROLLBAR --- */
- ::-webkit-scrollbar-thumb:vertical {
- height: 10px;
- background-color: {color:Scrollbar}; }
- ::-webkit-scrollbar-thumb:horizontal {
- height: 10px;
- background-color: {color:Scrollbar}; }
- ::-webkit-scrollbar {
- width: 10px;
- height: 10px;
- background-color: {color:Background}; }
- /* --- PERMALINK NOTES PAGE --- */
- #perma-notes {
- position: absolute;
- margin-top: 0px;
- margin-bottom: 20px;
- padding: 10px 10px 10px 10px;
- background-color: {color:Posts Background};
- border: 1px solid {color:Border Color};
- -webkit-transition: 0.4s linear; }
- .notes img {
- position: relative;
- top: 1px;
- width: 0px; }
- ol.notes, .notes li {
- margin: 0px 0px 0px 10px;
- width: 484px;
- 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:Links Hover}; }
- /* --- POSTS --- */
- #entries {
- position: absolute;
- margin-top: 10px;
- margin-left: 330px;
- width: 520px;
- padding: 10px 10px 5px 10px;
- background-color: none;
- z-index: 2001; }
- #posts {
- overflow: hidden;
- margin-top: 0px;
- margin-bottom: 50px;
- padding: 10px 10px 10px 10px;
- font-size: 10px;
- background-color: {color:Posts Background};
- border: 1px solid {color:Border Color};
- -webkit-transition: 0.4s linear;
- z-index: 2002; }
- #posts:hover { }
- /* --- POSTS INFO --- */
- #info {
- position: absolute;
- opacity: 1;
- margin-top: 15px;
- margin-left: -11px;
- width: 498px;
- padding: 7px 10px 7px 10px;
- font-family: Calibri;
- font-size: 8px;
- line-height:120%;
- text-align: left;
- text-transform: uppercase;
- color: {color:Font};
- background-color: {color:Posts Background};
- border: 1px solid {color:Border Color};
- -webkit-transition: 0.7s linear;
- z-index: 2003; }
- #info a, a {
- font-family: Calibri;
- font-size: 8px;
- text-transform: uppercase;
- color: {color:Font}; }
- /* --- SIDEBAR --- */
- #center {
- margin-left: auto;
- margin-right: auto;
- width: 850px; }
- #position {
- position: fixed;
- margin-top: 100px;
- margin-left: 0px;
- padding-bottom: 40px;
- width: 216px;
- z-index: 2000; }
- #sidebar {
- margin-top: 0px;
- margin-left: 0px;
- width: 206px;
- height: auto;
- font-size: 10px;
- color: {color:Font}; }
- #ttl1 {
- position: fixed;
- margin-top: 10px;
- margin-left: 167px;
- width: 112px;
- font-size: 30px;
- letter-spacing: 1px;
- line-height: 100%;
- text-align: left;
- font-weight: bold;
- text-transform: uppercase;
- color: {color:Links};
- z-index: 3005; }
- #ttl2 {
- position: fixed;
- margin-top: 35px;
- margin-left: 169px;
- width: 112px;
- font-size: 8px;
- letter-spacing: 1px;
- text-align: left;
- font-weight: bold;
- text-transform: uppercase;
- color: {color:Font};
- z-index: 3005; }
- #sideimg1 {
- position: fixed;
- margin-top: 0px;
- margin-left: 0px;
- padding: 0px;
- z-index: 3001; }
- #sideimg1 img {
- width: 150px;
- height: 150px;
- padding: 5px;
- background-color: {color:Side Background};
- border: 1px solid {color:Border Color}; }
- #sideimg2 {
- position: fixed;
- margin-top: 50px;
- margin-left: 167px;
- padding: 0px;
- z-index: 3002; }
- #sideimg2 img {
- width: 100px;
- height: 100px;
- padding: 5px;
- background-color: {color:Side Background};
- border: 1px solid {color:Border Color}; }
- #description {
- position: fixed;
- opacity: 1;
- margin-top: 167px;
- margin-left: 0px;
- width: 140px;
- padding: 10px;
- text-align: center;
- overflow: hidden;
- color: {color:Font};
- background-color: {color:Side Background};
- border: 1px solid {color:Border Color};
- z-index:3003; }
- #description a {
- color: {color:Links};
- -webkit-transition-duration: .90s;}
- #description a:hover {
- color: {color:Links Hover};
- -webkit-transition-duration: .90s;}
- /* --- NAVIGATION --- */
- #navi {
- position: fixed;
- margin-top: 167px;
- margin-left: 167px;
- width: 200px;
- z-index: 3004; }
- #navi-a {
- position: fixed;
- margin-top: 0px;
- background-color: {color:Side Background};
- border: 1px solid {color:Border Color};
- -webkit-transition-duration: .90s; }
- #navi-a:hover {
- background-color: {color:Nav Hover Background}; }
- #navi-b {
- position: fixed;
- margin-top: 27px;
- background-color: {color:Side Background};
- border: 1px solid {color:Border Color};
- -webkit-transition-duration: .90s; }
- #navi-b:hover {
- background-color: {color:Nav Hover Background}; }
- #navi-c {
- position: fixed;
- margin-top: 54px;
- background-color: {color:Side Background};
- border: 1px solid {color:Border Color};
- -webkit-transition-duration: .90s; }
- #navi-c:hover {
- background-color: {color:Nav Hover Background}; }
- #navi-d {
- position: fixed;
- margin-top: 81px;
- background-color: {color:Side Background};
- border: 1px solid {color:Border Color};
- -webkit-transition-duration: .90s; }
- #navi-d:hover {
- background-color: {color:Nav Hover Background}; }
- #navi-e {
- position: fixed;
- margin-top: 108px;
- background-color: {color:Side Background};
- border: 1px solid {color:Border Color};
- -webkit-transition-duration: .90s; }
- #navi-e:hover {
- background-color: {color:Nav Hover Background}; }
- .link-1 {
- width: 100px;
- padding: 5px;
- font-family: Calibri;
- font-size: 8px;
- letter-spacing: 1px;
- text-align: center;
- text-transform: uppercase;
- color: {color:Nav Links};
- -webkit-transition-duration: .90s; }
- .link-1 a, a {
- text-decoration: none;
- text-transform: none;
- color: {color:Nav Links}; }
- .link-1:hover {
- color: {color:Nav Links Hover};
- -webkit-transition-duration: .90s; }
- /* --- PAGES --- */
- #prev {
- position: fixed;
- margin-top: 135px;
- margin-left: 0px;
- width: 51px;
- background-color: {color:Side Background};
- border: 1px solid {color:Border Color};
- -webkit-transition-duration: .90s; }
- #prev:hover {
- background-color: {color:Nav Hover Background}; }
- #next {
- position: fixed;
- margin-top: 135px;
- margin-left: 58px;
- width: 52px;
- background-color: {color:Side Background};
- border: 1px solid {color:Border Color};
- -webkit-transition-duration: .90s;
- z-index: 2002; }
- #next:hover {
- background-color: {color:Nav Hover Background}; }
- .pages {
- padding: 5px;
- font-family: Calibri;
- font-size: 8px;
- letter-spacing: 1px;
- text-align: center;
- text-transform: uppercase;
- color: {color:Nav Links};
- -webkit-transition-duration: .90s; }
- .pages a {
- text-decoration: none;
- text-transform: none;
- color: {color:Nav Links}; }
- .pages:hover {
- color: {color:Nav Links Hover}; }
- </style></head>
- <body>
- <div id="center">
- <div id="position">
- <div id="sidebar">
- <div id="ttl1">{text:Blog Title one}</div>
- <div id="ttl2">{text:Blog Title two}</div>
- <div id="sideimg1"><img src="{image:Sidebar Image 1}"></div>
- <div id="sideimg2"><img src="{image:Sidebar Image 2}"></div>
- <div id="description">{description}</div>
- <div id="navi">
- <div id="navi-a">{block:ifLink1title}
- <a href="{text:Link 1 URL}">
- <div class="link-1">{text:Link 1 Title}</div></a>
- {/block:ifLink1title}</div>
- <div id="navi-b">{block:ifLink2title}
- <a href="{text:Link 2 URL}">
- <div class="link-1">{text:Link 2 Title}</div></a>
- {/block:ifLink2title}</div>
- <div id="navi-c">{block:ifLink3title}
- <a href="{text:Link 3 URL}">
- <div class="link-1">{text:Link 3 Title}</div></a>
- {/block:ifLink3title}</div>
- <div id="navi-d">{block:ifLink4title}
- <a href="{text:Link 4 URL}">
- <div class="link-1">{text:Link 4 Title}</div></a>
- {/block:ifLink4title}
- </div>
- <div id="navi-e">
- <a href="http://ohmyklaus.tumblr.com/tagged/themes">
- <div class="link-1">theme</div></a>
- </div>
- {block:Pagination}{block:NextPage}
- <div id="prev"><a href="{PreviousPage}">
- <div class="pages">prev</div></a></div>
- {/block:NextPage}{/block:Pagination}
- {block:Pagination}{block:PreviousPage}
- <div id="next"><a href="{NextPage}">
- <div class="pages">next</div></a></div>
- {/block:PreviousPage}{/block:Pagination}
- </div></div></div>
- <div id="entries">
- {block:Posts}
- <div id="posts">
- {block:Title}<h1>{Title} </h1><br>{/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 id="info"><b>
- {block:NoteCount}
- <a href="{Permalink}">{NoteCount} notes </a> -
- {/block:NoteCount}
- {block:Date}
- posted <a href="{Permalink}">{TimeAgo}</a>
- {/block:Date}
- {block:RebloggedFrom}
- - via <a href="{ReblogParentURL}">
- <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {block:ContentSource} / <a href="{SourceURL}">source</a>
- {/block:ContentSource}{/block:RebloggedFrom}
- {block:HasTags}//
- {block:Tags}# <a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}
- {/block:HasTags}
- </b></div></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