Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!---THEME 04 (B) BY MYROARY AT EMMELINETHEMES PLEASE DON'T STEAL, REMOVE THE CREDIT, USE AS A BASE CODE, OR REDISTRIBUTE. LOOK IF YOU WANT A BASECODE USE IRMA'S IT'S LINKED UNDER THIS. IF YOU HAVE ANY QUESTIONS FEEL FREE TO ASK! THANK YOU AND HAVE A NICE DAY! -->
- <!--
- base code by irma at primrosetylers.tumblr.com
- do not steal, or redistribute-->
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!-- meta stuffs go here -->
- <meta name="color:background" content="#fff">
- <meta name="color:link" content="#aaa">
- <meta name="color:link hover" content="#000"/>
- <meta name="color:border"content=""/>
- <meta name="color:sidebar links" content=""/>
- <meta name="color:text" contenct=""/>
- <meta name="image:sidebar" content="">
- <meta name="text:link 1" content="">
- <meta name="text:link 1 url" content="">
- <meta name="text:link 2" content="">
- <meta name="text:link 2 url" content="">
- <meta name="text:link 3" content="">
- <meta name="text:link 3 url" content="">
- <meta name="text:link 4" content="">
- <meta name="text:link 4 url" content="">
- <meta name="text:link 5" content="">
- <meta name="text:link 5 url" content="">
- <!-- metas end-->
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery .style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <style>
- #s-m-t-tooltip{
- max-width:300px;
- margin:15px;
- padding:2px 8px;
- border:1px solid #ddd;
- border-radius:4px;
- background:#fff;
- color:#aaa;
- z-index:999999;
- font-size:8px;
- font-style:italic;
- text-transform:uppercase;
- box-shadow:1px 1px 3px rgba(0,0,0,.1);}
- body {
- background-color:{color:background};
- font-family:times;
- font-size:12px;
- color:{color:text};
- }
- big {
- font-size:14px;
- }
- small {
- font-size:10px;
- }
- a {
- text-decoration:none;
- color:{color:link};
- -webkit-transition:0.5s;
- -moz-transition:0.5s;
- -ms-transition:0.5s;
- -o-transition:0.5s;
- }
- a:hover {
- color:{color:link hover};
- }
- blockquote {
- border-left:1px solid #000;
- padding-left:10px;
- }
- h2 {
- text-align:center;
- }
- /*sidebar*/
- #sidebar {
- width:180px;
- text-align:center;
- position:fixed;
- top:200px;
- left:200px;
- border-left:3px;
- border-right:3px
- border-color:{color:border};
- background:{color:border};
- }
- #sidebar img {
- width:150px;
- height:150px;
- background-color:{color:border};
- padding-top:12px;
- }
- #description{
- margin:5px;
- font-size:11px;
- }
- /*pag*/
- #pag {
- font-size:14px;
- margin:5px;
- }
- #links {
- position:fixed;
- width:10px;
- text-align:left;
- color:{color:sidebar links};
- padding: 10px;
- word-spacing:8px;
- text-transform:uppercase;
- margin-top:-150px;
- opacity:0;
- padding-right:30px;
- -webkit-transition:all .8s ease-in-out;
- -moz-transition:all .8s ease-in-out;
- -o-transition:all .8s ease-in-out;
- transition:all .8s ease-in-out;
- }
- #links a {
- transition:all 0.6s ease-in-out;
- border:1.5px solid #d1d0ce;
- line-height:220%;
- padding:2px;
- color:#d1d0ce;
- }
- #sidebar:hover #links{
- opacity:1;
- margin-left:-40px;
- padding-left:-30px;
- -webkit-transition:all .8s ease-in-out;
- -moz-transition:all .8s ease-in-out;
- -o-transition:all .8s ease-in-out;
- transition:all .8s ease-in-out;
- }
- /*all posts*/
- #postage {
- width:500px;
- margin-left:500px;
- margin-top:30px;
- margin-bottom:30px;
- font-family:arial;
- }
- /*text posts*/
- #text {
- text-align:left;
- }
- /*photo posts*/
- #photo {
- text-align:left;
- }
- /*photoset posts*/
- #photoset {
- text-align:left;
- }
- /*quote posts*/
- #words {
- font-style:bold;
- text-align:center;
- font-size:15px;
- }
- .source {
- padding:3px;
- text-align:center;
- font-size:10px;
- padding-right:5px;
- }
- /*link posts*/
- #linkpost {
- text-align:center;
- font-size:11px;
- }
- .linkety {
- font-size:15px;
- }
- /*chat posts*/
- #chat ul {
- list-style:none;
- font-family:courier;
- }
- .label {
- text-transform:uppercase;
- }
- /*video posts*/
- #video {
- text-align:left;
- }
- /*audio posts*/
- #audioplayer {
- width:30px;
- height:30px;
- overflow:hidden;
- position:absolute;
- margin-top:35px;
- margin-left:35px;
- opacity:0.7;
- }
- #albumart {
- width:100px;
- height:100px;
- background-color:#e3e3e3;
- }
- /*ask posts*/
- #question {
- padding:10px;
- text-align:justify;
- line-height:10px;
- min-height:50px;
- padding-bottom:10px
- }
- .question {
- margin-left:55px;
- }
- .asker {
- margin:5px 0px 4px 60px;
- font-size:7px
- font-family:arial;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- .asker a {
- margin-left:-5px;
- }
- .portrait {
- position:absolute;
- height:48px;
- width:48px;
- margin-left:10px;
- }
- .portrait img {
- border-radius:100px;
- }
- /*info*/
- #postage:hover .info {
- }
- .info {
- text-align:center;
- text-transform:lowercase;
- width:500px;
- font-size:10px;
- }
- .info a {
- color:{color:link hover};
- }
- .info a:hover {
- color:{color:link};
- }
- .tags {
- font-size:8px;
- text-transform:lowercase;
- margin-bottom:50px;
- opacity:0;
- }
- #postage:hover .tags {
- opacity:1;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #credit {
- right:10px;
- bottom:10px;
- font-size:12px;
- font-weight:bold;
- text-transform:lowercase;
- text-align:right;
- position:fixed;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="sidebar">
- <img src="{image:sidebar}" alt=""/>
- <div id="links">
- {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}"> 01 </a>{/block:iflink1}<p></p>
- {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}"> 02</a>{/block:iflink2}<p></p>
- {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">03</a>{/block:iflink3}<p></p>
- {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">04</a>{/block:iflink4}<p></p>
- {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}">05</a>{/block:iflink5}
- </div> <!--links-->
- <div id="description">{Description}</div>
- {block:Pagination}
- <div id="pag">
- {block:PreviousPage}<a href="{PreviousPage}"> ↢</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">↣ </a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div> <!--sidebar-->
- {block:Posts}
- <div id="postage">
- {block:Text}
- <div id="text">
- <h2><a href="{Permalink}">{Title}</a></h2>
- {Body}
- </div> <!--text post-->
- {/block:Text}
- {block:Photo}
- <div id="photo">
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div> <!--photo post-->
- {/block:Photo}
- {block:Panorama}
- <div id="panorama">
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {LinkCloseTag}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div> <!--panorama post-->
- {/block:Panorama}
- {block:Photoset}
- <div id="photoset">
- {Photoset-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div> <!--photoset-->
- {/block:Photoset}
- {block:Quote}
- <div id="quote">
- <div id="words">{Quote}</div>
- {block:Source}<div class="source">- {Source}</div>{/block:Source}
- </div> <!--quote-->
- {/block:Quote}
- {block:Link}
- <div id="linkpost">
- {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
- <a href="{URL}" class="linkety" {Target}>{Name}</a>
- {block:Description}
- <div class="linkdesc">{Description}</div>
- {/block:Description}
- </div> <!--link-->
- {/block:Link}
- {block:Chat}
- <div id="chat">
- <h2><a href="{Permalink}">{Title}</a></h2>
- <ul>
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}{Line}
- </li>
- {/block:Lines}
- </ul>
- </div> <!--chat-->
- {/block:Chat}
- {block:Video}
- <div id="video">
- {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
- {Video-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div> <!--video-->
- {/block:Video}
- {block:Audio}
- <div id="audio">
- <table style="padding:5px; background-color:#fff;margin-bottom:5px;">
- <tr>
- <td style="vertical-align:top;padding-right:10px;"><divid="audioplayer">{AudioPlayerWhite}</div>
- <divid="albumart">
- {block:AlbumArt}
- <img src="{AlbumArtURL}" style="width:100px;">
- {/block:AlbumArt}</div></td>
- <td style="vertical-align:top; font-size:11px; line-height:12px"> {block:TrackName}<i>title:</i> {TrackName} <br />{/block:TrackName}
- {block:Artist}<i>artist:</i> {Artist} <br />{/block:Artist}
- {block:Album}<i>album:</i> {Album} <br />{/block:Album}
- {block:PlayCount}<i>played:</i> {FormattedPlayCount} times{/block:PlayCount}
- </td>
- </tr>
- </table>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div> <!--audio-->
- {/block:Audio}
- {block:Answer}<div id="question" style="border-bottom:1px solid {color:border}; border-top:1px solid {color:border};"><div class="portrait"><img src="{AskerPortraitURL-40}"></div><div class="asker">{Asker}</div><div class="question">{Question}</div></div>{Answer}{/block:Answer}
- <div class="info">
- <a href="{Permalink}" title="{TimeAgo}">▣</a> - <a href="{Permalink}" title="{NoteCountWithLabel}">▣</a> - <a href="{ReblogURL}" target="_blank" title="reblog">▣</a> -
- {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via">▣</a>{/block:RebloggedFrom} {block:ContentSource} - <a href="{SourceURL}" title="source">▣</a>{/block:ContentSource}
- {block:HasTags}
- <div class="tags">
- tagged {block:Tags} - <a href="{TagURL}">{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- </div> <!--info-->
- </div> <!--postage-->
- {/block:Posts}
- <div id="credit"><a href="http://myrory.tumblr.com">em</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement