Advertisement
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">
- <head>
- <!---- theme by jasnahdavar
- ------ PLEASE do not steal/redistribute/remove credit
- ------ ASK ME if you want to use as a base code i promise i'm nice
- ------ the left sidebar image automatically resizes to width 250px. the dimensions of the image i'm using are roughly 250px x 350px and i wouldn't recommend having your image any taller. you can replace it of course or remove it completely!
- ------ please don't edit/remove the bird unless you're good at css/html. the coding is designed for that specific image
- ------ honestly i tried to make the code simple but feel free to ask me any questions!!!! have fun
- ------>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <link href='http://fonts.googleapis.com/css?family=Fenix' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Fondamento' rel='stylesheet' type='text/css'>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js" type="text/javascript"></script>
- <script type="text/javascript">// <![CDATA[
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- // ]]></script>
- <style type="text/css">
- @font-face { font-family: "anunedw"; src: url('http://static.tumblr.com/tcdwxsl/HSCn5rj02/anunedw_.ttf'); }
- @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:#cfcfcf; /*scrollbar color*/
- height:100px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:#cfcfcf; /*scrollbar color*/
- height:100px !important;
- }
- ::-webkit-scrollbar {
- height:10px;
- width:5px;
- background-color:#eee; /*scrollbar bg color*/
- }
- body {
- background: #FFFFFF;
- font-size: 11px;
- color: #000000; /* text color */
- font-family:helvetica;
- }
- a:link, a:active, a:visited {
- color: #ff0036;
- text-decoration: none;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- a:hover {
- color: #ffccff;
- text-decoration: none;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- #s-m-t-tooltip{
- font-size:10px;
- position:absolute;
- margin-top: 15px;
- margin-left:15px;
- letter-spacing:1px;
- z-index:9999;
- background:white;
- color:#000;
- text-transform:lowercase;
- padding:2px 3px 2px 3px;
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -ms-transition:all 0.3s;
- -o-transition:all 0.3s;
- transition:all 0.3s;
- border:2px solid #ff0066;
- }
- /* ------------ sidebar ---------------*/
- #sidebar {
- left:40px;
- top:0px;
- height:100%;
- width:250px;
- position:fixed;
- }
- #sidebar img {
- bottom:50px;
- border-top-left-radius:100px;
- border-top-right-radius:100px;
- position:fixed;
- width:250px;
- }
- .title {
- top:100px;
- position:fixed;
- text-align:center;
- font-family:"lobster";
- letter-spacing:1px;
- font-size:16px;
- padding:5px;
- line-height:125%;
- color:#a21b1b; /*-- first title color --*/
- }
- /*--------- bird (please dont edit) ---------*/
- #bird {
- right:100px;
- top:100px;
- width:300px;
- position:fixed;
- -webkit-transition:all 1s;
- -moz-transition:all 1s;
- -ms-transition:all 1s;
- -o-transition:all 1s;
- transition:all 1s;
- }
- #bird:hover .image {
- margin-left:100px;
- margin-top:-100px;
- -webkit-transition:all 1s;
- -moz-transition:all 1s;
- -ms-transition:all 1s;
- -o-transition:all 1s;
- transition:all 1s;
- }
- .image img {
- width:300px;
- -webkit-transition:all 1s;
- -moz-transition:all 1s;
- -ms-transition:all 1s;
- -o-transition:all 1s;
- transition:all 1s;
- }
- .escape {
- font-size:10px;
- text-align:center;
- position:fixed;
- margin-top:-150px;
- text-transform:uppercase;
- font-family:cambria;
- width:200px;
- margin-left:50px;
- letter-spacing:2px;
- }
- #bird:hover .escape {
- opacity:0;
- }
- #bird:hover .navlinks {
- opacity:1;
- }
- /*----- navlinks -----*/
- .navlinks {
- opacity:0;
- z-index:1000;
- width:200px;
- height:100px;
- padding:10px;
- margin-left:150px;
- margin-top:-200px;
- position:fixed;
- text-align:right;
- }
- .navlinks a {
- padding-right:5px;
- font-style:italic;
- color:#ffa366; /**-- navlinks color --*/
- }
- .navlinks a:hover {
- color:#de5959; /*-- navlinks hover color --*/
- }
- /*------------ about container ------------------*/
- #container {
- left:350px;
- bottom:100px;
- position:fixed;
- width:350px;
- height:300px;
- border:1px solid #ffa366; /*-- about box border --*/
- box-shadow:1px 1px 1px #de5959;
- padding:10px;
- overflow:auto;
- }
- .boxtitle {
- position:fixed;
- margin-top:-40px;
- font-size:16px;
- font-family:anunedw;
- text-transform:uppercase;
- letter-spacing:2px;
- color:#dc6606; /*-- about box title color --*/
- }
- .boxtext {
- font-size:11px;
- }
- /*------ credit do not edit!! --------*/
- #credit {
- bottom:0px;
- right:0px;
- font-size:30px;
- position:fixed;
- z-index:100000;
- }
- .cr {
- background:transparent;}
- #credit a {
- color:#292929;
- }
- #credit a:hover {
- color:#de5959;
- }
- .theme {
- width:0px;
- background:#292929;
- color:#fff;
- height:18px;
- font-size:10px;
- margin-top:-30px;
- padding-top:2px;
- visibility:hidden; position:fixed;
- text-align:center;
- text-transform:uppercase;
- }
- .cr:hover .theme {
- visibility:visible;
- width:200px;
- margin-left:-200px;
- transition:0.6s;
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div class="title">
- write your title here
- </div>
- <!--- sidebar image automatically resizes to width 250px (you can remove it too if you like)---->
- <img src="https://31.media.tumblr.com/1050ab95ed93e75c41c8522257017f72/tumblr_inline_n5rk04A0Gm1s9tfpw.jpg">
- </div>
- <div id ="bird"><div class="image"><img src="http://static.tumblr.com/tcdwxsl/bwgn7sfi8/escape.jpg"></div>
- <div class="escape">escape</div>
- <!------- navlinks -------->
- <div class="navlinks">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- <!--- to add more links just copy the code but pls keep it to like 4 links max --->
- <a href="/">link</a>
- </div>
- </div>
- <!-------- about container ---------->
- <div id="container">
- <div class="boxtitle">
- about <!-- about title --->
- </div>
- <div class="boxtext">
- <!------------- write your about in the space below ----------------->
- <!------------- write your about in the space above ----------------->
- </div>
- </div>
- <!--- END CODING
- PLEASE DO NOT REMOVE CREDIT --->
- <div id="credit"><div class="cr"><a href="http://jasnahdavar.tumblr.com">©</a>
- <div class="theme">theme by jasnahdavar</div></div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement