Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Sayaka theme by 226px
- please don't remove credit or claim as your own
- -->
- <html>
- <head>
- <link rel="shortcut icon" href="{image:favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- DEFAULTS, this it the area that you can add color, images, if show captions, stuff like that -->
- <meta name="color:background" content="#ffffff">
- <meta name="color:text" content="#c0bdb8" />
- <meta name="color:link hover" content="#fdfdfd" />
- <meta name="color:link" content="#eeedec" />
- <meta name="color:Bold" content="#777777" />
- <meta name="color:Italic" content="#bbbbbb"/>
- <meta name="color:borders" content="#eeedec"/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:favicon" content=""/>
- <meta name="if:caption" content="0" />
- <meta name="text:link1" content="url" />
- <meta name="text:name1" content="link" />
- <meta name="text:link2" content="url" />
- <meta name="text:name2" content="link" />
- <meta name="text:link3" content="url" />
- <meta name="text:name3" content="link" />
- <meta name="text:link4" content="url" />
- <meta name="text:name4" content="link" />
- </head>
- <!-- from here on, you creat class and id DIV's; class looks like: .something id's being #something, you use here to stylize how your theme looks, what color, backgrounds, borders, fonts, texts, padding, margins all of that cool stuff -->
- <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 type="text/css">
- #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:lowercase;
- box-shadow:1px 1px 3px rgba(0,0,0,.1);}
- #bite
- #bite a{
- display:block
- }
- #bite .death {
- margin-top:-40px;filter: alpha(opacity = 0);
- opacity:0;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #bite:hover .death {
- margin-top:2px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- filter: alpha(opacity = 100);
- filter: alpha(opacity = 100);
- opacity:100;
- }
- #decretum {margin-top:7px; text-align:left;}
- #decretum a {text-decoration:none;}
- body {color:{color:text}; background-color:{color:background}; font-family:helvetica; font-size:10px; line-height:17px; text-align:justify}
- a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
- a:hover {
- color:{color:link hover};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
- small{font-size:auto}
- big{font-size:auto}
- b, strong{color:{color:bold}}
- h1 {font-size:11px;}
- i, em {color:{color:italic}}
- p{margin-top:6px; margin-bottom:6px}
- blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
- img a{border:none; width:100%;}
- #container {background-color:transparent; width: 400px; margin: 0 auto -10px auto}
- /* the overall entries container and position of it */
- #entries {margin-left:500px; text-align: justify;}
- /* here are your posts to customize!! */
- #posts {margin: 70px 0 0px 0; width: 250px;text-align: justify; padding: 10px;border: 1px solid #aaa; background-color:#ffffff;}
- #posts img {max-width:100%;}
- #sidebar{ position:fixed; width:110px; background:white; border:1px solid #aaa; padding:7px; overflow:hidden;left:193px; top:140px;
- }
- h2 {
- font-family:helvetica; font-weight:100; line-height:17px;
- }
- #pagination {font-family:calibri; text-align:center; font-size:24px; margin-bottom:2px;}
- #credit{position:fixed; bottom:10px;margin-bottom:10px; left:10px; font-size:11px; font-family:calibri;color:{color:text}; text-transform:uppercase;letter-spacing: 0px; font-style:normal; background:white; border:1px solid #aaa; padding:3px;}
- #info{padding-top:5px; display:block; padding-bottom:5px; width:auto; font-size:8px; font-family:verdana;}
- .audio{background-color:black; display:block}
- /* this is your chats, you can stylize however you want */
- .user_1 .label {color:{color:link}; font-weight:bold}
- .user_2 .label {color:{color:text}; font-weight:italic}
- .user_3 .label {color:{color:link}; font-weight:text}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
- .notes img{width:10px; position:relative; top:1px}
- ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
- </style>
- <!-- this is the area where everything comes to life and you have to code all the stuff you stylized. so i already got you like 10% started. or something, maybe more. i was never good at math anyway. -->
- <body>
- <div id="sidebar">
- <center><div id="bite">
- <a href="/"><img src="{image:sidebar}" style="width:100px;position:inline;left:-10px;
- padding-bottom:2px;"></a><p>
- {description}<p></p>
- <br>
- <div class="death">
- <a title='refresh' href="/">i</a> /
- <a title='ask' href="/ask">ii</a> /
- <a title='{text:name1}' href="{text:link1}">iii</a> /
- <a title='{text:name2}' href="{text:link2}">iv</a> /
- <a title='{text:name3}'href="{text:link3}">v</a> /
- <a title='{text:name4}' href="{text:link4}">vi</a>
- <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a><br />{/block:NextPage}{/block:Pagination}</div>
- </div>
- </center>
- </div></div></div>
- <!-- here is the credit, you can add your own in here! if you're not changing much to this theme, then leave it! -->
- <div id="credit"><a href="http://226px.tumblr.com/" title="theme credit">THEME</a></div>
- <div id="entries">
- {block:posts}
- <div id="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}<div id="decretum">{block:date}<a style="text-transform:uppercase; text-decoration:underline; font-weight:900;" href="{permalink}">{TimeAgo}</a>{/block:date}{block:NoteCount} ({NoteCount}){/block:NoteCount}{block:RebloggedFrom} via <a style="font-weight:900;" href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:Text}
- {block:Quote}<h2>“{Quote}” — {Source}</h2><br><div id="decretum">{block:date}<a style="text-transform:uppercase; text-decoration:underline; font-weight:900;" href="{permalink}">{TimeAgo}</a>{/block:date}{block:NoteCount} ({NoteCount}){/block:NoteCount}{block:RebloggedFrom} via <a style="font-weight:900;" href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:Quote}
- {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}<p>{Description}</p>{/block:Description}<div id="decretum">{block:date}<a style="text-transform:uppercase; text-decoration:underline; font-weight:900;" href="{permalink}">{TimeAgo}</a>{/block:date}{block:NoteCount} ({NoteCount}){/block:NoteCount}{block:RebloggedFrom} via <a style="font-weight:900;" href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-400}"/></center>
- {block:ifCaption}{Caption}{/block:ifCaption}<div id="decretum">{block:date}<a style="text-transform:uppercase; text-decoration:underline; font-weight:900;" href="{permalink}">{TimeAgo}</a>{/block:date}{block:NoteCount} ({NoteCount}){/block:NoteCount}{block:RebloggedFrom} via <a style="font-weight:900;" href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:Photo}
- {block:Photoset}<center>{Photoset-250}</center>
- {block:ifCaption}{Caption}{/block:ifCaption}{/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-400}{block:ifCaption}{Caption}{/block:ifCaption}<div id="decretum">{block:date}<a style="text-transform:uppercase; text-decoration:underline; font-weight:900;" href="{permalink}">{TimeAgo}</a>{/block:date}{block:NoteCount} ({NoteCount}){/block:NoteCount}{block:RebloggedFrom} via <a style="font-weight:900;" href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:Video}
- {block:Answer}{Asker} whispered: {Question}<br>{Answer}<div id="decretum">{block:date}<a style="text-transform:uppercase; text-decoration:underline; font-weight:900;" href="{permalink}">{TimeAgo}</a>{/block:date}{block:NoteCount} ({NoteCount}){/block:NoteCount}{block:RebloggedFrom} via <a style="font-weight:900;" href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:Answer}
- {block:Audio}{AudioPlayerWhite}<br>
- {block:ifCaption}{Caption}{/block:ifCaption}<div id="decretum">{block:date}<a style="text-transform:uppercase; text-decoration:underline; font-weight:900;" href="{permalink}">{TimeAgo}</a>{/block:date}{block:NoteCount} ({NoteCount}){/block:NoteCount}{block:RebloggedFrom} via <a style="font-weight:900;" href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes} {/block:Audio}
- <br /></div>
- {/block:Posts}
- <br />
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement