Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <head><title>{title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link rel="alternate" type="application/rss+xml" href="{rss}">
- <!-- theme by aroldstyles, dont remove credit, use as a base, or claim as your own, thanks -->
- <meta name="image:background" content=""/>
- <meta name="color:title" content=""/>
- <link href='http://fonts.googleapis.com/css?family=Flamenco' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body{
- font-family:arial;
- font-size: 11px;
- overflow-x:hidden;
- background-position: fixed;
- background:url('{image:background}');}
- a:link, a:active, a:visited{
- color: #777777;
- text-decoration: none;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding:3px 4px 5px 4px;
- margin:20px 0px 0px 20px;
- background-color:#ddd;
- border:1px solid #000;
- font-family:times;
- font-style:italic;
- font-size:10px;
- letter-spacing:2px;
- text-transform:uppercase;
- color:#000;
- z-index:999999999999999999999999999999999999;
- }
- ::-webkit-scrollbar-thumb{
- background-color: #e4e4e4;
- border:1px solid #fff;
- height:auto;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:6px;
- background-color: #000;
- border:4px solid #fff;
- }
- ::selection {
- background-color:#000;
- }
- a:hover{
- cursor:crosshair;
- text-decoration: none;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- text-shadow:0px 0px 2px ;}
- #skunk{
- margin:5;
- margin-left:200px;
- margin-top:60px;}
- #panera{
- width:200px;
- height:200px;
- padding:2px;
- border:1px dashed #ddd;
- }
- #panera:hover #about{
- opacity:1;
- -webkit-transform: scale(1.1);
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #bar{
- position:Fixed;
- z-index:99;
- top:0px;
- background:#ffffff;
- opacity: 1;
- border-bottom:1px solid #ddd;
- box-shadow:1px 1px 5px #ccc;
- width:200%;
- font-family:georgia;
- font-style:italic;
- font-size:12px;
- height:45px;
- margin-left:-50px;
- }
- .links {
- margin-top:-82px;
- margin-left:20px;
- font-size:9px;
- text-align:left;
- text-transform: uppercase;
- letter-spacing:1px;
- font-family:'georgia';
- font-style:italic;
- position:fixed;
- padding-top:25px;
- z-index:999999;
- -webkit-transition: 1s linear;
- }
- .links a{
- float:left;
- padding:7px;
- margin-bottom:5px;
- color:#b6b6b6;
- text-align:center;
- width:90px;
- margin:6px;
- height:10px;
- line-height:12px;
- color:#b6b6b6;
- background:#e4e4e4;
- z-index:9999999;
- box-shadow:1px 1px 5px #ccc;
- -webkit-transition: 1s linear;
- }
- .links a:hover{
- background:#fafafa;
- color:#b6b6b6;
- -webkit-transition: 1s linear;
- }
- #titlez {
- margin-top:-50px;
- margin-left:585px;
- width:auto;
- color:{color:title};
- font-size:25px;
- text-transform:uppercase;
- font-family: 'Flamenco', cursive;
- position:fixed;
- text-align:center;
- z-index:9999;
- }
- #pic{
- width:197px;
- height:197px;
- border:0px solid #eee;
- padding:1px;
- overflow:hidden;
- float:left;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #about{
- border-radius:90px;
- text-align:center;
- padding:10px;
- padding-top:60px;
- margin-top:8px;
- margin-left:9px;
- margin-right:10px;
- margin-bottom:10px;
- position:absolute;
- width:160px;
- height:112px;
- opacity:0;
- font-size:9px;
- background:white;
- color:#777;
- overflow:auto;
- z-index: 11;
- font-style:italic;
- transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- }
- #name{
- font-family:cambria;
- font-size:25px;
- text-transform:uppercase;
- text-align:center;
- }
- #credit {
- bottom:0px;
- right:0px;
- position:fixed;
- }
- #credit img {
- width:25px;
- padding:3px;
- }
- </style>
- <div class="links">
- <a href="/">admin</a>
- <a href="http://tumblr.com/dashboard">dash</a>
- </div>
- <div id="titlez">title here
- </div>
- <div id="bar"></div>
- </div></div></div>
- <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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <table id="skunk" border="0" cellpadding="0" cellspacing="20">
- </td>
- <!--- everything's pretty easy to figure out but if you have any questions, message me and ill do my best to help --->
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- <tr>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <tr>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <tr>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <td><div id="panera">
- <div id="pic">
- <div id="about">
- <div id="name"><a href="{url here}" title="url">name</a></div>
- description here, not too long
- </div>
- <img width="200px" src="http://25.media.tumblr.com/3f244c5666a49984244bab04e892fb9b/tumblr_mn14olgC971rdisvao1_250.png"/>
- </div>
- </div></td>
- <!--- to add another row, copy and paste from the <tr> to the </div></td> --->
- <!--- paste above </table> --->
- </table>
- <!---dont touch/move this punk --->
- <div id="credit"><a href="http://aroldstyles.tumblr.com" title="credit"><img src="http://media.tumblr.com/b103d7b437b3d4bda8366536a8d598a9/tumblr_inline_mv8rpxveN31qgj1ha.png"></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement