Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <style type="text/css">
- #s-m-t-tooltip {
- max-width:300px;
- padding:5px;
- margin:10px 0px 0px 10px;
- background-color:#dadada;
- font-family:trebuchet ms;
- font-size:7px;
- letter-spacing:1px;
- font-style:none;
- text-transform:uppercase;
- padding-bottom:3px;
- color:#fff;
- z-index:999999999999999999999999999999999999;
- }
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color: #555;
- border:1px solid #fff;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:5px;
- background-color: #ddd;
- border:2px solid #fff;
- }
- body {
- font-family:arial;
- font-size:11px;
- color:#000;
- background:#fff;
- cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
- }
- a {
- text-decoration:none;
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- text-decoration:none;
- cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #title {
- padding:5px;
- width:342px;
- margin-top:174px;
- margin-left:550px;
- text-align:center;
- font-family:'calibri';
- height:20px;
- font-size:17px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-left:3px solid #dadada;
- border-right:3px solid #dadada;
- }
- #boxtitle1 {
- text-align:center;
- font-family:'calibri';
- width:167px;
- height:20px;
- padding-top:5px;
- margin-top:210px;
- margin-left:550px;
- font-size:10px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-left:3px solid #dadada;
- border-right:3px solid #dadada;
- }
- #box1 {
- text-align:justify;
- font-family:'calibri';
- width:150px;
- height:60px;
- margin-top:240px;
- margin-left:550px;
- padding:10px;
- font-size:8px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-left:3px solid #dadada;
- }
- #boxtitle2 {
- text-align:center;
- font-family:'calibri';
- width:167px;
- height:20px;
- padding-top:5px;
- margin-top:210px;
- margin-left:735px;
- font-size:10px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-left:3px solid #dadada;
- border-right:3px solid #dadada;
- }
- #box2 {
- text-align:justify;
- font-family:'calibri';
- width:150px;
- height:60px;
- margin-top:240px;
- margin-left:735px;
- padding:10px;
- font-size:8px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-right:3px solid #dadada;
- }
- #boxtitle3 {
- text-align:center;
- font-family:'calibri';
- width:167px;
- height:20px;
- padding-top:5px;
- margin-top:330px;
- margin-left:550px;
- font-size:10px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-left:3px solid #dadada;
- border-right:3px solid #dadada;
- }
- #box3 {
- text-align:justify;
- font-family:'calibri';
- width:150px;
- height:60px;
- margin-top:360px;
- margin-left:550px;
- padding:10px;
- font-size:8px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-left:3px solid #dadada;
- }
- #boxtitle4 {
- text-align:center;
- font-family:'calibri';
- width:167px;
- height:20px;
- padding-top:5px;
- margin-top:330px;
- margin-left:735px;
- font-size:10px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-left:3px solid #dadada;
- border-right:3px solid #dadada;
- }
- #box4 {
- text-align:justify;
- font-family:'calibri';
- width:150px;
- height:60px;
- margin-top:360px;
- margin-left:735px;
- padding:10px;
- font-size:8px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-right:3px solid #dadada;
- }
- #boxtitle5 {
- text-align:center;
- font-family:'calibri';
- width:167px;
- height:20px;
- padding-top:5px;
- margin-top:450px;
- margin-left:550px;
- font-size:10px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-left:3px solid #dadada;
- border-right:3px solid #dadada;
- }
- #box5 {
- text-align:justify;
- font-family:'calibri';
- width:150px;
- height:60px;
- margin-top:480px;
- margin-left:550px;
- padding:10px;
- font-size:8px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-left:3px solid #dadada;
- }
- #boxtitle6 {
- text-align:center;
- font-family:'calibri';
- width:167px;
- height:20px;
- padding-top:5px;
- margin-top:450px;
- margin-left:735px;
- font-size:10px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-left:3px solid #dadada;
- border-right:3px solid #dadada;
- }
- #box6 {
- text-align:justify;
- font-family:'calibri';
- width:150px;
- height:60px;
- margin-top:480px;
- margin-left:735px;
- padding:10px;
- font-size:8px;
- position:fixed;
- text-transform:uppercase;
- color:black;
- background-color:#f6f6f6;
- border-bottom:1px solid #f0f0f0;
- border-right:3px solid #dadada;
- }
- .link {
- width:170px;
- margin-left:-10px;
- }
- .link a {
- text-align:center;
- letter-spacing:1px;
- font-size:10px;
- width:170px;
- padding:0px;
- margin:0px;
- display:block;
- background-color:#f7f7f7;
- color:#888888;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .link a:hover {
- background-color:white;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- #credit {
- font-size:11px;
- bottom:0;
- right:0;
- position:fixed;
- text-transform:uppercase;
- padding:5px;
- color:{color:links};
- }
- </style>
- </head>
- <body>
- <center>
- <div>
- <div id="title">title here</div>
- <div>
- <div id="boxtitle1">title one</div>
- <div id="box1">
- <div class="link">
- <center>
- <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
- </center>
- </div></div>
- <div id="boxtitle2"> title two </div>
- <div id="box2">
- <div class="link">
- <center>
- <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
- </center>
- </div></div>
- <div id="boxtitle3">title three</div>
- <div id="box3">
- <div class="link">
- <center>
- <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
- </center>
- </div></div>
- <div id="boxtitle4">title four</div>
- <div id="box4">
- <div class="link">
- <center>
- <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
- </center>
- </div></div>
- <div id="boxtitle5">title five</div>
- <div id="box5">
- <div class="link">
- <center>
- <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
- </center>
- </div></div>
- <div id="boxtitle6">title six</div>
- <div id="box6">
- <div class="link">
- <center>
- <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
- </center>
- </div></div>
- <div id="credit"><a href="http://mathewsdaddario.tumblr.com/" title="thai's themes">thai</a></div>
- </center>
- <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:150,
- tip_fade_speed:700,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement