Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- THEME SERENITY --- 02 BY MLEYSCYRS -->
- <!-- DO NOT STEAL OR USE AS A BASE CODE -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <meta name="color:Background" content="{color:Background}">
- <meta name="color:Body Text" content="{color:Body Text}">
- <meta name="color:Links" content="{color:Links}">
- <meta name="color:Links hover" content="{color:Links hover}">
- <meta name="color:Blockquote" content="{color:Blockquote}">
- <meta name="color:Description background" content="{color:Description background}">
- <meta name="color:Description text" content="{color:Description text}">
- <meta name="color:Navi background" content="{color:Navi background}">
- <meta name="color:Navi text" content="{color:Navi text}">
- <meta name="color:Posts border" content="{color:Posts border}">
- <meta name="color:Link post" content="{color:Link post}">
- <meta name="color:Question background" content="{color:Question background}">
- <meta name="color:Permalink background" content="{color:Permalink background}">
- <meta name="image:Sidebar">
- <meta name="text:Askbox Title" content="ask">
- <meta name="text:Askbox URL" content="/ask">
- <meta name="text:Link 1 Title" content="Link 1">
- <meta name="text:Link 1 URL" content="/">
- <meta name="text:Link 2 Title" content="Link 2">
- <meta name="text:Link 2 URL" content="/">
- <style type="text/css">
- ::-webkit-scrollbar { width: 3px; height: 5px; }
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #fff; }
- ::-webkit-scrollbar-track-piece { background: #fff; }
- ::-webkit-scrollbar-thumb { height: 50px; background-color: #E2E0E1; }
- ::-webkit-scrollbar-thumb:hover { background: #E2E0E1; }
- /** BODY TEXT, LINKS, ETC **/
- body {
- font-family: 'arial';
- font-size: 10px;
- color: {color:Body Text};
- text-align: justify;
- background-color: #ffffff;
- }
- body a {
- text-decoration: none;
- color: {color:Body Text};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- body a:hover {
- text-decoration: none;
- color: {color:Links hover};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- small {
- font-size: 10px;
- }
- blockquote {
- border-left: solid;
- border-left-width: 3px;
- border-color: {color:Blockquote};
- padding-left: 7px;
- margin-left: 20px;
- }
- pre {
- width: 450px;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- /** THE WHOLE THING YEA **/
- .container {
- width: 930px;
- }
- /** SIDEBAR **/
- .sidebar {
- width: 200px;
- height: 100%;
- background-color:{color:Navi background};
- position: fixed;
- left: 280px;
- top: 0px;
- background-image: url('{image:Sidebar}');
- z-index: 1;
- }
- .pagination {
- margin-top: 10px;
- margin-left: 100px;
- position: fixed;
- font-family: 'arial';
- font-size: 14px;
- }
- .pagination a {
- color: {color:Description text};
- }
- .pagination a:hover {
- color: {color:Links hover};
- }
- .sidebar img {
- width: 100px;
- position: absolute;
- z-index: 1;
- }
- .description {
- font-family: 'arial';
- color: {color:Description text};
- font-size:10px;
- text-align:center;
- margin:auto;
- margin-top:120px;
- margin-left:130;
- width:80px;
- padding:10px;
- position:relative;
- z-index:5;
- }
- .description img {
- border: 0px solid {color:border};
- padding: 3px;
- margin-bottom: 5px;
- }
- .navigation {
- margin-top: 1px;
- font-family: 'arial';
- font-size: 10px;
- margin-left:110;
- text-transform: lowercase;
- font-weight: normal;
- text-align: center;
- color: #ffffff;
- padding:10px;
- position:relative;
- z-index:11;
- }
- /** POSTS **/
- .postcol {
- margin-left: 500px;
- width: 500px;
- margin-bottom: 45px;
- }
- .posts {
- margin-top: 60px;
- width: 500px;
- max-width: 100%;
- word-wrap: normal;
- }
- .posts h2 {
- font-size: 10px;
- font-style: normal;
- text-transform: lowercase;
- text-align: justify;
- }
- .posts img, .posts li, .posts blockquote {
- max-width: 100%;
- }
- .permalink {
- background-color: #f8f8f8;
- padding: 3px;
- padding-bottom: 5px;
- margin-top: -5px;
- font-family: 'arial';
- font-size: 10px;
- text-transform: lowercase;
- text-align: justify;
- }
- .question {
- text-align: center;
- background-color: {color:Body Text};
- padding: 5px;
- }
- .arrow {
- color: #f8f8f8;
- font-size: 10px;
- text-align: center;
- margin-top: 4px;
- }
- .asker {
- font-family: 'arial';
- font-size: 9px;
- text-transform: uppercase;
- font-weight: bold;
- text-align: center;
- }
- .quote {
- font-family: 'arial';
- font-size: 10px;
- text-align: center;
- }
- .quotesource {
- margin-top: -5px;
- text-align: center;
- }
- .links {
- font-size: 10px;
- font-family: 'arial';
- text-transform: lowercase;
- font-weight: normal;
- text-align: normal;
- background-color: #ffffff;
- padding:5px;
- }
- .links a {
- padding:1px
- color: #5F5C5C;
- }
- .links a:hover {
- color: #0f0f0f;
- }
- .audio {
- position: relative;
- z-index: 100;
- background-color: #fdfafa;
- padding: 3px;
- height: 100px;
- width: 494px;
- }
- .albumart {
- position: relative;
- z-index: 100;
- height: 100px;
- width: 100px;
- }
- .noart {
- height: 100px;
- width: 100px;
- position: relative;
- z-index: 100 !important;
- }
- .playbutton {
- height: 30px;
- width: 100px;
- position: absolute;
- z-index; 1000;
- overflow: hidden;
- margin-top: -33px !important;
- margin-left: 3px;
- }
- .playbox {
- background-color: #f8f8f8;
- position: absolute;
- z-index: 1000;
- opacity: 0.5;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .playbox:hover {
- opacity: 1.0;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .trackname {
- position: absolute;
- z-index: 10000;
- margin-top: -100px;
- margin-left: 110px;
- font-family: 'arial'';
- font-size: 10px;
- text-transform: uppercase;
- }
- </style>
- </head>
- <body oncontextmenu="return false" onkeydown="return false">
- <div class="container">
- <div class="sidebar">
- <div class="description"><span>{Description}</span></div>
- <div class="navigation">
- <center><a href="/">home</a></center>
- <center><a href="{text:Askbox URL}">{text:Askbox Title}</a></center>
- <center><a href="{text:Link 1 URL}">{text:Link 1 Title}</a></center>
- <center><a href="{text:Link 2 URL}">{text:Link 2 Title}</a></center>
- <center><a href="http://mleyscyrs.tumblr.com">theme</a></center>
- <div class="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}">→</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- </div>
- <div class="postcol">
- {block:Posts}
- <div class="posts">
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {/block:Text}
- {block:Answer}
- <div class="question">{Question}</div>
- <div class="arrow">▼</div>
- <div class="asker">{Asker}</div>
- {Answer}
- {/block:Answer}
- {block:Quote}
- <div class="quote">❝ <em>{Quote}</em> ❞</div>
- {block:Source}<p><div class="quotesource"><em>— {Source}</em></div></p>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="links"><a href="{URL}">→ {Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {block:Lines}
- {block:Label}<b>{Label}</b> {Line}<br>{/block:Label}
- {/block:Lines}
- {/block:Chat}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}">
- {LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="audio">
- {block:AlbumArt}<img src="{AlbumArtURL}" class="albumart">{/block:AlbumArt}
- </div>
- <div class="playbutton"><div class="playbox">
- {AudioPlayerBlack}
- </div></div>
- <div class="trackname">
- {block:TrackName}TRACK: {TrackName}{/block:TrackName}
- {block:Artist}<br>ARTIST: {Artist}{/block:Artist}
- {block:Album}<br>ALBUM: {Album}{/block:Album}
- <br>{PlayCountWithLabel}
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <hr size="1px" color="{color:Posts border}">
- <div class="permalink">
- POSTED <a href="{Permalink}">{TimeAgo}</a> WITH <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} <a href="{ReblogRootURL}">source</a> <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
- <br>{block:HasTags}
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {block:PermalinkPage}<p>{PostNotes-16}</p>{/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement