Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--Please do not remove the credits and respect my terms of use. Thank you.-->
- <!--*Credits*
- Sidebar:|
- -Jun Mochizuki's art, edit by me.
- -Xiao Icons by Delacro (http://www.freeiconsweb.com/Free-Downloads.asp?id=273)
- Titles Font:|playbal by TypeSETit
- Special thanks to: Eris, Ettudis, Hikoushi, Fukuo, Manatopia, Zuvia and so many others, without their constractive tutorials and guidance this theme wouldn't exist.
- -->
- <head>
- <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Playball::latin' ] }};
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <!--custom images-->
- <meta name="image:Background" content="http://static.tumblr.com/..."/>
- <meta name="image:sidebar img" content=""/>
- <meta name="image:Index" content="http://static.tumblr.com/wsc02nu/d0Um9n4fs/64.png"/>
- <meta name="image:Message" content="http://static.tumblr.com/wsc02nu/vUwm9n4fx/48.png"/>
- <meta name="image:Archive" content="http://static.tumblr.com/wsc02nu/hGZm9n4g2/40.png"/>
- <meta name="image:top icon" content="http://static.tumblr.com/wsc02nu/30Bm9p22h/3_2.png"/>
- <meta name="image:button 1" content="http://25.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho21_r1_100.png" />
- <meta name="image:button 2" content="http://25.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho21_r1_100.png" />
- <meta name="image:button 3" content="http://25.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho21_r1_100.png" />
- <meta name="image:button 4" content="http://25.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho21_r1_100.png" />
- <meta name="image:button 5" content="http://25.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho21_r1_100.png" />
- <meta name="image:button 6" content="http://25.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho21_r1_100.png" />
- <!--custom colors-->
- <meta name="color:Background" content="#2e2e2e" />
- <meta name="color:Sidebar bg" content="#743f3f" />
- <meta name="color:Description" content="#7f7f7f" />
- <meta name="color:Mainlinks bg" content="#5a3434" />
- <meta name="color:Hover links" content="#d5b695" />
- <meta name="color:Extras text" content="#4e4e4e" />
- <meta name="color:Extras bg" content="#3c1b1b" />
- <meta name="color:Extras hover bg" content="#9f9f9f" />
- <meta name="color:Post title" content="#740c0c" />
- <meta name="color:Post text" content="#474747" />
- <meta name="color:Post italics" content="#73b39a" />
- <meta name="color:Post links" content="#cf9654" />
- <meta name="color:Post bold" content="#7b7dc0" />
- <meta name="color:Post bg" content="#e6dfd9" />
- <meta name="color:Inner box" content="#cfcfcf"/>
- <meta name="color:Permabar bg" content="#7c6464" />
- <meta name="color:Wrapper" content="#b4a0a0"/>
- <meta name="color:Blog title bg" content="#81414a"/>
- <meta name="color:Blog title" content="#e4cb90"/>
- <meta name="color:Top bar" content="#23434"/>
- <meta name="color:Bg color selection" content="#cc7d86"/>
- <meta name="color:Text color selection" content="#FFFFFF"/>
- <!--your extra links-->
- <meta name="text:Blog Title" content="">
- <meta name="text:Name 1" content="">
- <meta name="text:Url 1" content="http://">
- <meta name="text:Name 2" content="">
- <meta name="text:url 2" content="http://">
- <meta name="text:Url 3" content="">
- <meta name="text:Name 3" content="">
- <meta name="text:Url 3" content="http://">
- <meta name="text:Name 4" content="">
- <meta name="text:Url 4" content="http://">
- <meta name="text:Name 5" content="">
- <meta name="text:Url 5" content="http://">
- <meta name="text:Name 6" content="">
- <meta name="text:Url 6" content="http://">
- <!--if section-->
- <meta name="if:Tags" content="0"/>
- <meta name="if:Source" content="0"/>
- <meta name="if:Infinite Scroll" content="0"/>
- <meta name="if:Border" content="0"/>
- <meta name="if:Dropdown Menu" content="0"/>
- <meta name="if:Button Menu" content="0"/>
- <meta name="if:Normal Menu" content="0"/>
- <meta name="if:500px" content="0"/>
- <meta name="if:400px" content="0"/>
- </head>
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=Playball);
- body
- {font-family:consolas;
- font-size:10px;
- color:{color:Post text};
- background-color:{color:background};
- background-image:url('{image:background}');
- background-position: fixed;
- background-attachment:fixed;
- background-repeat:repeat;}
- ::-webkit-scrollbar {width:12px; background: #ffffff;}
- ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
- ::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
- ::selection
- {background: {color:Bg color selection};
- color: {color:Text color selection};}
- ::-moz-selection
- {background: {color:Bg color selection};
- color: {color:Text color selection};}
- ::-webkit-selection
- {background: {color:Bg color selection};
- color: {color:Text color selection};}
- a
- {text-decoration:none;
- color:{color:Post Links};
- -ms-transition: all 0.3s ease-in-out;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- strong
- {color:{color:Post bold};}
- i
- {color:{color:Post italics};}
- a:hover
- {-ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- color:{color:Hover links};}
- /*----Topbar----*/
- {block:ifBorder}
- .header
- {position:fixed;
- {block:if500px}width:540px;{/block:if500px}
- {block:if400px}width:440px;{/block:if400px}
- height:47px;
- margin-left:447.5px;
- top:5px;
- font-family:'Playball', cursive;
- font-size:34px;
- text-align:center;
- background-color:{color:blog title bg};
- border-radius: 20px 20px 100px 100px;
- -moz-border-radius: 20px 20px 100px 100px;
- z-index:1010;}
- .header a
- {color:{color:blog title};}
- .topbar
- {position:fixed;
- {block:if500px}width:556px;{/block:if500px}
- {block:if400px}width:456px;{/block:if400px}
- height:63px;
- margin-left:440px;
- margin-top:-10px;
- background-color:{color:top bar};
- border-radius: 0px 0px 50px 50px;
- -moz-border-radius:0px 0px 50px 50px;
- z-index:1000;}
- .sideleft
- {position:fixed;
- width:10px;
- height:100%;
- margin-left:440px;
- bottom:-10px;
- margin-top:-10px;
- background-color:{color:top bar};
- z-index:1000;}
- .sideright
- {position:fixed;
- width:10px;
- bottom:-10px;
- height:100%;
- {block:if500px}margin-left:986px;{/block:if500px}
- {block:if400px}margin-left:886px;{/block:if400px}
- margin-top:-10px;
- background-color:{color:top bar};
- z-index:1000;}
- {/block:ifBorder}
- /*----Sidebar----*/
- #sidebar
- {position:fixed;
- border-radius: 260px 20px 20px 20px;
- -moz-border-radius: 260px 20px 20px 20px;
- overflow:hidden;
- width:400px;
- min-height:340px;
- max-height:510px;
- padding:10px;
- top:50px;
- left:20px;
- background-color:{color:Sidebar bg};}
- #sidebar img
- {border-radius:600px 20px 20px 20px;
- -moz-border-radius:600px 20px 20px 20px;
- max-width:400px;
- min-width:400px;
- max-height:250px;
- opacity: 1.0;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out; }
- #sidebar img:hover
- {opacity:0.8;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- /*----Casual Links----*/
- #nav1
- {position:fixed;
- left:31px;
- top:320px;
- padding:4px 4px 1px;
- box-shadow: 0px 1px 4px rgba(0,0,0,.2);
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;
- -ms-transition: all 0.3s ease-in-out;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #nav1:hover
- {box-shadow: 0px 1px 4px rgba(0,0,0,.5);
- opacity:0.6;
- -ms-transition: all 0.3s ease-in-out;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- #nav1 img
- {max-width:30px;
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;}
- #nav2
- {position:fixed;
- left:31px;
- top:358px;
- padding:4px 4px 1px 4px;
- box-shadow: 0px 1px 4px rgba(0,0,0,.2);
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;
- -ms-transition: all 0.3s ease-in-out;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- #nav2:hover
- {box-shadow: 0px 1px 4px rgba(0,0,0,.5);
- opacity:.5;
- -ms-transition: all 0.3s ease-in-out;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- #nav2 img
- {max-width:30px;
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;}
- #nav3
- {position:fixed;
- left:31px;
- top:396px;
- padding:4px 4px 1px 4px;
- box-shadow: 0px 1px 4px rgba(0,0,0,.2);
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;
- -ms-transition: all 0.3s ease-in-out;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- #nav3:hover
- {box-shadow: 0px 1px 4px rgba(0,0,0,.5);
- opacity:.5;
- -ms-transition: all 0.3s ease-in-out;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- #nav3 img
- {max-width:30px;
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;}
- /*----Extra Links----*/
- /*----Button Menu----*/
- #but1
- {position:fixed;
- left:70px;
- top:337px;
- padding:4px 4px 1px 4px;
- box-shadow: 0px 1px 4px rgba(0,0,0,.2);
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #but1:hover
- {box-shadow: 0px 1px 4px rgba(0,0,0,.5);
- opacity:.6;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #but1 img
- {max-width:30px;
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;}
- #but2
- {position:fixed;
- left:110px;
- top:337px;
- padding:4px 4px 1px;
- box-shadow: 0px 1px 4px rgba(0,0,0,.2);
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #but2 img
- {max-width:30px;
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;}
- #but2:hover
- {box-shadow: 0px 1px 4px rgba(0,0,0,.5);
- opacity:.6;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #but3
- {position:fixed;
- left:150px;
- top:337px;
- padding:4px 4px 1px;
- box-shadow: 0px 1px 4px rgba(0,0,0,.2);
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #but3 img
- {max-width:30px;
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;}
- #but3:hover
- {box-shadow: 0px 1px 4px rgba(0,0,0,.5);
- opacity:.6;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #but4
- {position:fixed;
- left:70px;
- top:377px;
- padding:4px 4px 1px;
- box-shadow: 0px 1px 4px rgba(0,0,0,.2);
- opacity:1;
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #but4 img
- {max-width:30px;
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;}
- #but4:hover
- {box-shadow: 0px 1px 4px rgba(0,0,0,.5);
- opacity:.6;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #but5
- {position:fixed;
- left:110px;
- top:377px;
- padding:4px 4px 1px;
- box-shadow: 0px 1px 4px rgba(0,0,0,.2);
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #but5 img
- {max-width:30px;
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;}
- #but5:hover
- {box-shadow: 0px 1px 4px rgba(0,0,0,.5);
- opacity:.6;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #but6
- {position:fixed;
- left:150px;
- top:377px;
- padding:4px 4px 1px;
- box-shadow: 0px 1px 4px rgba(0,0,0,.2);
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #but6 img
- {max-width:30px;
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;}
- #but6:hover
- {box-shadow: 0px 1px 4px rgba(0,0,0,.5);
- opacity:.6;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- /*Normal Menu*/
- {block:IfNormalMenu}
- #ne1
- {position:fixed;
- overflow: auto;
- width:100px;
- height:11px;
- padding:0px 1px 2px 1px;
- text-align:center;
- font-family:consolas;
- font-size:10px;
- letter-spacing:1px;
- margin-top:316px;
- margin-left:65px;
- background-color:{color:Extras bg};
- border-radius: 40px 40px 40px 40px;
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- #ne2
- {position:fixed;
- overflow: auto;
- width:100px;
- height:11px;
- padding:0px 1px 2px 1px;
- text-align:center;
- font-family:consolas;
- font-size:10px;
- letter-spacing:1px;
- margin-top: 332px;
- margin-left:65px;
- background-color:{color:Extras bg};
- border-radius: 40px 40px 40px 40px;
- -moz-border-radius: 40px 40px 40px 40px;
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- #ne3
- {position:fixed;
- overflow: auto;
- width:100px;
- height:11px;
- padding:0px 1px 2px 1px;
- text-align:center;
- font-family:consolas;
- font-size:10px;
- letter-spacing:1px;
- margin-top:348px;
- margin-left:65px;
- background-color:{color:Extras bg};
- border-radius: 40px 40px 40px 40px;
- -moz-border-radius: 40px 40px 40px 40px;
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- #ne4
- {position:fixed;
- overflow: auto;
- width:100px;
- height:11px;
- padding:0px 1px 2px 1px;
- text-align:center;
- font-family:consolas;
- font-size:10px;
- letter-spacing:1px;
- margin-top:364px;
- margin-left:65px;
- background-color:{color:Extras bg};
- border-radius: 40px 40px 40px 40px;
- -moz-border-radius: 40px 40px 40px 40px;
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- #ne5
- {position:fixed;
- overflow: auto;
- width:100px;
- height:11px;
- padding:0px 1px 2px 1px;
- text-align:center;
- font-family:consolas;
- font-size:10px;
- letter-spacing:1px;
- margin-top:380px;
- margin-left:65px;
- background-color:{color:Extras bg};
- border-radius: 40px 40px 40px 40px;
- -moz-border-radius: 40px 40px 40px 40px;
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- #ne6
- {position:fixed;
- overflow: auto;
- width:100px;
- height:11px;
- padding:0px 1px 2px 1px;
- text-align:center;
- font-family:consolas;
- font-size:10px;
- letter-spacing:1px;
- margin-top:396px;
- margin-left:65px;
- background-color:{color:Extras bg};
- border-radius: 40px 40px 40px 40px;
- -moz-border-radius: 40px 40px 40px 40px;
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- #ne1:hover
- {background-color:{color:Extras hover bg};
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- #ne2:hover
- {background-color:{color:Extras hover bg};
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- #ne3:hover
- {background-color:{color:Extras hover bg};
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- #ne4:hover
- {background-color:{color:Extras hover bg};
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- #ne5:hover
- {background-color:{color:Extras hover bg};
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- #ne6:hover
- {background-color:{color:Extras hover bg};
- -ms-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;}
- {/block:IfNormalMenu}
- /*-----Posts-----*/
- .postsback
- {background-color:{color:Wrapper};
- {block:if500px}width:520px;{/block:if500px}
- {block:if400px}width:420px;{/block:if400px}
- padding:60px 10px 60px;
- margin-bottom:-8px;
- z-index:500;}
- .post
- {{block:if500px}width:500px;{/block:if500px}
- {block:if400px}width:400px;{/block:if400px}
- overflow:auto;
- border-radius: 10px 10px 10px 10px;
- -moz-border-radius: 10px 10px 10px 10px;
- border:8px solid {color:Post bg};
- font-size:11px;
- font-family:consolas, cursive;
- background-color:{color:Post bg};
- color:{color:Post Text};
- z-index:888;}
- .post img
- {opacity:1;
- -ms-transition: all .5s ease-in-out;
- -webkit-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;}
- img:hover
- {opacity:.7;
- -ms-transition: all .5s ease-in-out;
- -webkit-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;}
- /*-----Messages-----*/
- .ask
- {background-color:{color:Inner Box};
- border-radius: 20px 20px 20px 20px;
- -moz-border-radius: 20px 20px 20px 20px;
- min-height:150px;}
- #askimg img
- {margin-top:26px;
- margin-left:22px;
- border:4px solid {color:Permabar bg};}
- #asker img
- {margin:16px 0px 20px 16px;
- box-shadow: 0px 1px 4px rgba(0,0,0,.5);
- border-radius: 100px 100px 100px 100px;
- -moz-border-radius: 100px 100px 100px 100px;}
- #quest
- {{block:if500px}width:340px;{/block:if500px}
- {block:if400px}width:240px;{/block:if400px}
- margin-left:120px;
- margin-top:-135px;
- padding:20px;
- word-wrap:break-word;
- font-size:22px;
- text-align:left;
- font-family:'Playball', cursive;}
- /*-----Quotes-----*/
- #qtxt
- {font-size:26px;
- color:{color:Post bold};
- font-family:'Playball', cursive;}
- /*Links*/
- #urlpost
- {font-family:consolas;
- font-size:20px;
- text-align:center;}
- /*-----Audio Posts-----*/
- #melody
- {position:absolute;
- overflow:hidden;
- width:27px;
- height:27px;
- border:8px solid {color:inner border};
- margin-top:38.5px; margin-left:45px;
- opacity:1;
- z-index:90;
- -moz-border-radius: 100px 100px 100px;
- border-radius: 100px 100px 100px 100px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #melody:hover
- {-moz-border-radius: 100px 100px 100px;
- border-radius: 100px 100px 100px 100px;
- opacity:0.5;
- border:47px solid #e5e5e5;
- margin:0px 0px 0px 5px;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #medimg img
- {margin-left:6px;
- -moz-border-radius: 80px 80px 80px 80px;
- border-radius: 80px 80px 80px 80px;}
- #medimg
- {position:absolute;
- margin-top:0px;}
- #medback
- {margin-bottom:0px;}
- #medback img
- {border:0px solid #e5e5e5; opacity:.8;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #medback img:hover
- {opacity:1;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #melodyinform
- {float:left;
- margin:10px 0px 0px 150px;
- padding-bottom:20px;}
- /*-----Permabar-----*/
- .permabar
- {margin:12px 0px 12px;
- border:2px solid{color:Permabar bg};
- {block:if500px}width:512px;{/block:if500px}
- {block:if400px}width:412px;{/block:if400px}
- min-height:20px;
- word-wrap:word-break;
- border-radius: 10px 10px 10px 10px;
- -moz-border-radius: 10px 10px 10px 10px;
- background-color:{color:Permabar bg};
- color:{color:Permabar text};}
- .permabar a
- {color:{color:Post links};}
- .permabar i
- {color:{color:Post italics};}
- /*----Pagination----*/
- .pagl
- {position:absolute;}
- .pagl a
- {font-size:46px;
- font-family:baskervile;
- padding-left:10px;
- color:{color:blog title bg};
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- .pagr
- {position:absolute;}
- .pagr a
- {font-size:46px;
- font-family:baskervile;
- color:{color:blog title bg};
- {block:if500px}margin-left:485px;{/block:if500px}
- {block:if400px}margin-left:385px;{/block:if400px}
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- /*-----Random-----*/
- blockquote
- {color:{color:post text};
- background-color:{color:Inner box};
- margin:10px;
- line-height:10px;
- padding:6px;
- border-left:8px solid {color:Permabar bg};
- border-right:8px solid {color:Permabar bg};}
- ol.notes {
- padding: 0px;
- margin: 15px 0px;
- list-style-type: none;
- background-color:{color:post bg}; opacity:0.8;
- border: 0px;
- letter-spacing: 0px;
- text-transform: lowercase;
- }
- li.note {
- padding: 1px;
- text-align: left;
- letter-spacing: 0.5px;
- font-size:10px;
- text-transform:lowercase;}
- .notes img{
- width: 15px;
- position: relative;
- top: 1px;
- opacity: 0.8;
- border-radius: 5px 5px 5px 5px;
- -moz-border-radius: 5px 5px 5px 5px;}
- .credit
- {position:fixed;
- bottom:10px;
- margin-left:2px;
- letter-spacing:1px;
- font-size:14px;
- font-family: 'Playball', cursive;
- color:{color:Links};
- z-index:1200;}
- iframe#tumblr_controls{position:fixed !important;}
- #movetop
- {z-index:1000;
- position:fixed; bottom:10px; right:10px; opacity:1;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #movetop:hover
- {opacity:.6;
- -ms-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- {CustomCSS}
- </style>
- {block:IfInfiniteScroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScroll}
- </head>
- <body>
- <div id="movetop"> <a href="#top"><img src="{image:top icon}"></a></div>
- <div class="credit"><a href="http://aelyon.tumblr.com/" title="Aelyon">theme designer</a></div>
- <!--Sidebar-->
- <div id="sidebar">
- <img src="{image:sidebar img}"/>
- <div style="padding:10px 10px 10px 158px; z-index:400; width:238px;
- font-size:10px; max-height:230px; overflow:auto; text-align:center; color:{color:Description};">{Description}</div>
- </div>
- <!--Button Menu-->
- {block:IfButtonMenu}
- {block:IfUrl1}<div id="but1">
- <a href="{text:url 1}"><img src="{image:button 1}"></a>
- </div> {/block:IfUrl1}
- {block:IfUrl2}<div id="but2">
- <a href="{text:url 2}"><img src="{image:button 2}"></a>
- </div>{/block:IfUrl2}
- {block:IfUrl3}<div id="but3">
- <a href="{text:url 3}"><img src="{image:button 3}"></a>
- </div>{/block:IfUrl3}
- {block:IfUrl4}<div id="but4">
- <a href="{text:url 4}"><img src="{image:button 4}"></a>
- </div>{/block:IfUrl4}
- {block:IfUrl5}<div id="but5">
- <a href="{text:url 5}"><img src="{image:button 5}"></a>
- </div>{/block:IfUrl5}
- {block:IfUrl6}<div id="but6">
- <a href="{text:url 6}"><img src="{image:button 6}"></a>
- </div>{/block:IfUrl6}
- {/block:IfButtonMenu}
- <!--Normal Menu-->
- {block:IfNormalMenu}
- {block:IfUrl1}<div id="ne1">
- {block:IfUrl1}<a href="{text:url 1}"><div class="normalextra">{text:Name 1}</div></a>
- </div> {/block:IfUrl1}
- {block:IfUrl2}<div id="ne2">
- <a href="{text:url 2}"><div class="normalextra">{text:Name 2}</div></a>
- </div> {/block:IfUrl2}
- {block:IfUrl3}<div id="ne3">
- <a href="{text:url 3}"><div class="normalextra">{text:Name 3}</div></a>
- </div> {/block:IfUrl3}
- {block:IfUrl4}<div id="ne4">
- <a href="{text:url 4}"><div class="normalextra">{text:Name 4}</div></a>
- </div> {/block:IfUrl4}
- {block:IfUrl5}<div id="ne5">
- <a href="{text:url 5}"><div class="normalextra">{text:Name 5}</div></a>
- </div> {/block:IfUrl5}
- {block:IfUrl6}<div id="ne6">
- <a href="{text:url 6}"><div class="normalextra">{text:Name 6}</div></a>
- </div> {/block:IfUrl6}
- {/block:IfNormalMenu}
- {block:IfDropdownMenu}
- <div id="dropdown">
- <select style="position:fixed; width:115px; border:0px solid #aaa; box-shadow: 0px 1px 4px rgba(0,0,0,.2); padding:4px; color:{color:Extras text}; background-color:{color:Extras bg}; font-family: consolas; text-transform:uppercase; font-size:8px; z-index:860; letter-spacing:2px; left:65px; top:355px; onChange="location.href=this.options[this.selectedIndex].value;">
- <option value=''>Navigation ➜ </option>
- {block:IfUrl1}<option value="{block:IfUrl1}{text:Url 1}{/block:IfUrl1}">{text:Name 1}</option>{/block:IfUrl1}
- {block:IfUrl2}<option value="{block:IfUrl2}{text:Url 2}{/block:IfUrl2}">{text:Name 2}</option>{/block:IfUrl2}
- {block:IfUrl3}<option value="{block:IfUrl3}{text:Url 3}{/block:IfUrl3}">{text:Name 3}</option>{/block:IfUrl3}
- {block:IfUrl4}<option value="{block:IfUrl4}{text:Url 4}{/block:IfUrl4}">{text:Name 4}</option>{/block:IfUrl4}
- {block:IfUrl5}<option value="{block:IfUrl5}{text:Url 5}{/block:IfUrl5}">{text:Name 5}</option>{/block:IfUrl5}
- {block:IfUrl6}<option value="{block:IfUrl6}{text:Url 6}{/block:IfUrl6}">{text:Name 6}</option>{/block:IfUrl6}
- </select>
- </div>
- {/block:IfDropdownMenu}
- <div id="nav1">
- <a href="/"><img src="{image:Index}"></a>
- </div>
- <div id="nav2">
- <a href="/ask"><img src="{image:Message}"></a>
- </div>
- <div id="nav3">
- <a href="/archive"><img src="{image:Archive}"></a></div>
- <!--Border-->
- {block:ifBorder}
- <div class="topbar"></div>
- <div class="sideleft"></div>
- <div class="sideright"></div>
- <!--Header Bg-->
- <div class="header"><a href="/">{Title}</a></div>
- {/block:ifBorder}
- <div style="margin-left:450px; width:600px; ">
- <div class="postsback">
- <div class = "autopagerize_page_element" >
- {block:Posts}
- <div class="post">
- <!--Texts-->
- {block:Text}
- <div style="font-family:consolas,cursive; font-size:12px; text-align:center; color:{color:Post title};"><h2>{Title}</h2></div>
- {Body}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Text}
- <!--Photos-->
- {block:Photo}
- {LinkOpenTag}
- {block:if500px}
- <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
- {/block:if500px}
- {block:if400px}
- <img src="{PhotoURL-400}" width="400px" alt="{PhotoAlt}"/>
- {/block:if400px}
- {LinkCloseTag}
- {block:HighRes}
- <div style="margin-left:0px; margin-top:-7px; font-size:20px;">
- <a href="{PhotoURL-HighRes}"> ↳</a></div>
- {/block:HighRes}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:if500px}{Photoset-500}{/block:if500px}
- {block:if400px}{Photoset-400}{/block:if400px}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- <!--Quotes-->
- {block:Quote}
- <div id="quote">
- <div id="qtxt">❝{Quote}❞</div>
- </div>
- <div style="font-family:consolas,cursive; padding:2px; text-align:right;">
- {block:Source}
- <div style="font-size:11px; text-align:right; margin-right:40px;font-style: italic; padding-top:1px; padding-bottom:5px;">({Source})</div>
- {/block:Source}</div>
- {/block:Quote}
- {block:Link}
- <div id="urlpost">
- <a href="{URL}"target="{Target}">~ {Name} ~</a></div>
- {block:Description}<div style="margin-left:10px;">{Description}{/block:Description}
- </div>
- {/block:Link}
- <!--Chat-->
- {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<div style=" padding:4px;">{block:Label}<strong>{Label}</strong>{/block:Label}{Line}<br></div>{/block:Lines}{/block:Chat}
- <!--Audio-->
- {block:Audio}
- {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
- <div style="padding:8px;">
- {block:AudioPlayer}
- <div id="melody">{AudioPlayerGrey}</div>
- {block:AlbumArt}
- <div id="medimg">
- <img src="{AlbumArtURL}" height="120"/></div>
- {/block:AlbumArt}
- {/block:AudioPlayer}
- </div>
- <div id="melodyinform">{block:Artist}
- ❖ {Artist}
- {/block:Artist}{block:Album}
- <p>❖ {Album}</p>
- {/block:Album}{block:TrackName}
- <p>❖ <em>{TrackName}</em></p>
- {/block:TrackName}
- <div style="float:left; margin-top:10px;">
- {block:Caption}{Caption}{/block:Caption}</div>
- </div>
- {/block:Audio}
- <!--Videos-->
- {block:Video}
- {block:if500px}{Video-500}{/block:if500px}
- {block:if400px}{Video-400}{/block:if400px}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- <!--Asks-->
- {block:Answer}
- <div id="asker">
- <div class="ask">
- <div id="askimg">
- <a href="{Askerurl}"><img src="{AskerPortraitURL-96}"/></a></div>
- <div id="quest"> ❝ {Question} ❞ </div>
- </div></div>
- <div style="margin-top:10px; padding:10px; width:480px; word-wrap:break-word;">{Answer}</div>
- {/block:Answer}
- </div>
- <!--Permalinks-->
- <div class="permabar">
- <center>{block:Date}
- <a href="{Permalink}">
- <img src="http://24.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho8_r1_100.gif" />: <em>{TimeAgo}</em></a>
- {/block:Date}
- {block:NoteCount}
- <a href="{Permalink}"><img src="http://24.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho8_r4_100.png" alt="">: <em>{NoteCountWithLabel}</em></a>
- {/block:NoteCount}
- {block:IfTags}
- {block:Tags}<a href="{TagURL}"><img src="http://25.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho6_r1_100.png" alt="">: <i>{Tag}</i> </a>
- {/block:Tags}
- {/block:IfTags}
- {block:ContentSource}
- Source:<a href="{SourceURL}"><strong> {SourceTitle}</strong></a>
- {/block:ContentSource}
- </center>
- <!--End of posts-->
- </div>
- <div id="note">
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- <!--Pagination-->
- {block:IfNotInfiniteScroll}
- {block:Pagination}
- {block:PreviousPage}
- <div class="pagl">
- <a href="{PreviousPage}">« </a></div>
- {/block:PreviousPage}
- {block:NextPage}
- <div class="pagr"><a href="{NextPage}"> »</a></div>
- {/block:NextPage}
- {/block:Pagination}
- {/block:IfNotInfiniteScroll}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment