Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
- <style type="text/css">
- iframe#tumblr_controls{
- white-space:nowrap!important;
- -webkit-filter:invert(60%)!important;
- -moz-filter:invert(60%)!important;
- -ms-filter:invert(60%)!important;
- -o-filter:invert(60%)!important;
- filter:invert(60%)!important;
- top:10px!important;
- right:10px!important;
- opacity:.3!important;
- position:fixed!important;}
- ::-webkit-scrollbar{
- height:2px;
- width:4px;
- background:inherit;
- margin-right:10px;
- }
- ::-webkit-scrollbar-thumb{
- margin-right:10px;
- background:#ddd;
- border-radius:2px;
- -webkit-border-radius:2px;}
- .tmblr-iframe {
- margin:10px;
- opacity:.5;
- -moz-transition-duration: 0.2s;
- -o-transition-duration: 0.2s;
- -webkit-transition-duration: 0.2s;q
- transition-duration: 0.2s;
- }
- .tmblr-iframe:hover{
- opacity:.8;
- -moz-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;q
- transition-duration: 0.6s;
- }
- #s-m-t-tooltip{
- max-width:300px;
- margin-top:25px;
- margin-left:15px;
- z-index:999999;
- letter-spacing:1px;
- text-transform:uppercase;
- font-size:8px;
- border: solid 1px #dcdee2;
- background-color:#fcfcfc;
- color:#818284;
- padding:1px 3px 1px 3px;
- }
- body {
- font-family:Open Sans; /* font family of all the text */
- font-size:11px; /* font size of all the text */
- color:#3d3e3f; /* font color */
- background:#fcfcfc; /* background color */
- letter-spacing:1px;
- }
- a, a:visited{
- text-decoration:none;
- color:#000;
- }
- a:hover {
- color:#000;
- }
- .container {
- width:736px;
- position:absolute;
- left:50%;
- top:50%;
- -webkit-transform: translateX(-50%) translateY(-50%);
- -moz-transform: translateX(-50%) translateY(-50%);
- -ms-transform: translateX(-50%) translateY(-50%);
- transform: translateX(-50%) translateY(-50%);
- }
- .title {
- font-weight:bold;
- display:inline-block;
- margin:0 0 0px 6px;
- font-size:20px;
- }
- .links {
- font-style:italic;
- display:inline-block;
- float:right;
- margin:10px 2px 0 0;
- }
- .links a{
- color:#000;
- padding:4px;
- }
- .boxes {
- border-radius:3px;
- background:white; /* entire box background color */
- width:736px;
- height:405px;
- border: solid 1px #e9e9e9;
- overflow:scroll;
- }
- .box {
- display:inline-block;
- padding: 25px;
- width:130px;
- vertical-align:top;
- }
- .box img{
- width:130px;
- height:130px;
- }
- .info {
- margin-top:-5px;
- }
- .name {
- border:solid 1px #f1f1f1;
- background:#fafafa;
- font-weight:bold;
- padding:4px;
- text-transform:uppercase;
- text-align:center;
- }
- .group {
- padding:2px;
- text-align:center;
- margin-top:3px;
- text-transform:uppercase;
- font-size:9px;
- }
- .cred {
- position:fixed;
- right:10px;
- bottom:10px;
- font-size:11px;
- color:#000;
- }
- </style>
- </head>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/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:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <body>
- <div class="container">
- <!-- TOP INFO -->
- <div class="title">title</div> <!-- PAGE TITLE -->
- <div class="links">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- <a href="https://www.tumblr.com/">dash</a>
- </div>
- <!------------ START BOXES --------->
- <div class="boxes">
- <!-- start box -->
- <div class="box">
- <a href="/"><img src="IMAGE URL"/></a>
- <div class="info">
- <div class="name">
- <a href="/">BIAS NAME</a>
- </div>
- <div class="group">
- <a href="/">GROUP NAME</a>
- </div>
- </div>
- </div>
- <!-- end box -->
- </div>
- <!------------ END BOXES --------->
- </div>
- <div class="cred"><a href="http://southcodes.tumblr.com/" title="southcodes">×</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement