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><link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!--- theme by TRS
- please don't remove the credit, I work really hard on these themes
- Thank you--->
- <style type="text/css">
- body {
- background:#fff; /*background colour*/
- margin:0px;
- font-family:"";
- color:#858585; /*text colour*/
- font size:10px;
- line height:100%;
- letter-spacing:0px;
- background-image:url();} /*if you want a picture as your background put the image url here*/
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#000; /*link colour*/
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#f6f6f6; /*link colour upon hovering*/
- }
- h1 {
- font-size:22px;
- letter-spacing:2px;
- font-family: 'Allura', cursive;
- line-height:10px;
- text-align:center;
- color:#858585; /*heading colour*/
- padding:0px;
- }
- #sidebar4 { /*dont change too much here, like the size and the margin stuff*/
- position:fixed;
- margin-top:15px;
- margin-left:220px;
- width:370px;
- height:510px;
- padding:10px;
- background:#f6f6f6; /*background of the grey thing*/
- font-family:Balthazar;
- color:#858585; /*text colour*/
- border:1px solid #aaa; /*if you dont want a border change 1 to 0*/
- font-size:11px;
- }
- #sidebar3 { /*dont change too much here either*/
- position:fixed;
- margin-top:15px;
- margin-left:-10px;
- width:175px;
- height:510px;
- padding:10px;
- background:#f6f6f6;
- font-family:Balthazar;
- color:#858585;
- border:1px solid #aaa;
- font-size:11px;
- }
- #sidebar3 img{
- width:100px;
- height:100px;
- position:fixed;
- margin-top:10px;
- margin-left:35px;
- border:2px solid #eee;
- padding:1px;
- background:#fff;
- -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
- -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
- box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);}
- #sidebar {
- position:fixed;
- margin-left:350px;
- margin-top:25px;
- color:#858585;
- width:600px;
- height:40px;
- background-color:#f6f6f6;
- font-size:11px;
- border:1px solid #aaa;
- padding:10px;
- }
- #links {
- width:100px;
- margin-left:38px;
- margin-top:130px;
- background-color:transparent;
- display:inline-block;
- position:fixed;
- text-align:center;
- }
- #links a {
- display:inline-block;
- margin:2px;
- background:#fff;
- width:10px;
- height:10px;
- border:1px solid #aaa;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #links a:hover {
- background:#eee;
- -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
- -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
- box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #credit {
- position:fixed;
- text-align:center;
- font-family:'balthazar'
- text-transform:uppercase;
- font-size:11px;
- right:9px;
- bottom:9px;
- color:{color:Link};
- background-color:transparent;
- }
- #credit hover {
- color:{color:Link Hover};
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding:3px 4px 5px 4px;
- margin:20px 0px 0px 20px;
- background-color:#fff; /* change the background color */
- border:1px solid #ddd; /* change the border color */
- font-family:balthazar; /* change the font */
- font-size:9px; /* change the font size */
- -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
- -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
- box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
- letter-spacing:2px; /* change the letter spacing */
- text-transform:uppercase; /* can be uppercase, lowercase, none*/
- color:{color:Text}; /* change the text color */
- z-index:999999999999999999999999999999999999;
- }
- {CustomCSS}
- </style></head><body>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:80,
- tip_fade_speed:400,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <div id="sidebar2"></div>
- <div id="sidebar">
- <h1>About me</h1><br> <!---this is your heading, you can change it if you like--->
- <div id="sidebar3"><img src="https://33.media.tumblr.com/6ee49a991f98de2a079a13d94eda4841/tumblr_nb7x8gphJG1t3var4o1_500.png"> <!---put your small image here--->
- <div id="links">
- <a href="/" title="home"></a>
- <a href="/ask" title="ask"></a>
- <a href="/submit" title="submit"></a>
- <a href="/archive" title="archive"></a>
- </div> <!---you can change these links if you like--->
- <br><br><br><br><br><br><br><br><br><br><br><br><br> <!---dont remove these brs--->
- idk you can put different stuff here like your name etc <br><br>
- <b>Name:</b>Alisha/Ali<br><br>
- <b>Age:</b>18<br><br>
- <b>Seuxality:</b>Bendy with a few sparkles<br><br>
- </div>
- <div id="sidebar4">
- <!---you can type your text out here--->
- Put in your description here. You can write anything and everything! The choices you have are unlimited. Don't limit yourself to the sky, venture out into space. Explore. Discover. <br><br>You can use <b>bold stuff</b>, <i>italic stuff</i>, <u>underlined stuff</u>, <s>strikethrough stuff</s> and <a href="/aboutpage1">links</a> ^_^
- </div>
- </div>
- <div id="credit"><a href="trsthemes.tumblr.com/rules" title="trs"><img src="https://33.media.tumblr.com/15a3b864d3f265695ee77b44e0c08363/tumblr_mjunroAw7K1rmbzf6o1_500.png" div style="width:50px"></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement