Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!-- codes by VAULTTHEME.TUMBLR.COM
- - DO NOT REMOVE CREDIT
- - DO NOT USE AS BASE
- - DO NOT EDISTRIBUTE
- - DO NOT CLAIM AS YOUR OWN
- -->
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,900&display=swap" rel="stylesheet">
- <style type="text/css">
- ::-webkit-scrollbar {
- width:3px;
- height:3px;
- }
- ::-webkit-scrollbar-track {
- background-color:#fff;
- }
- ::-webkit-scrollbar-button {
- height:3px;
- background-color:#000;
- }
- ::-webkit-scrollbar-thumb {
- background-color:#000;
- width:3px;
- }
- #dhtmltooltip {
- width:auto;height:auto;
- max-width:350px;
- font-size:16px;
- color:#fff;
- background-color:#000;
- text-align:center;
- padding:10px;
- position:absolute;
- visibility:hidden;
- z-index:99999;
- opacity:1.0;
- border-radius:2px;
- }
- body {
- background:#fff;
- line-height:1.8;
- font:normal 14px 'Rubik';
- color:#000;
- margin:0; padding:0;
- }
- a {
- text-decoration:none;
- color:#000;
- -webkit-transition:0.4s ease-in-out;
- -moz-transition:all 0.4s ease-in-out;
- -o-transition:all 0.4s ease-in-out;
- }
- a:hover {
- color:#444;
- -webkit-transition:0.4s ease-in-out;
- -moz-transition:all 0.4s ease-in-out;
- -o-transition:all 0.4s ease-in-out;
- }
- #container {
- float:left;
- position:absolute;
- top:5%;
- left:50%;
- width:1000px;
- margin-left:-500px;
- text-align:center;
- }
- #s {
- padding:10px;
- margin:0 0 10px 0;
- }
- #s a {
- margin:0 15px;
- }
- h1 {
- font:900 26px 'Rubik';
- text-transform:uppercase;
- text-decoration:underline;
- padding:20px;
- margin:20px;
- }
- h2 {
- font:400 22px 'Rubik';
- text-transform:uppercase;
- text-decoration:underline;
- padding:10px;
- margin:10px;
- }
- .one img {
- width:150px; height:150px;
- margin:20px;
- border-radius:150px;
- }
- .two img, .three img {
- width:150px; height:150px;
- margin:10px;
- border-radius:150px;
- }
- .list {
- display:inline-block;
- width:300px;
- margin:10px;
- }
- .list span {
- font-size:16px;
- display:block;
- margin:10px;
- }
- </style>
- </head>
- <body>
- <div id="dhtmltooltip"></div>
- <div id="container">
- <div id="s">
- <a href="/" title="return">return</a> <a href="http://www.tumblr.com/dashboard" title="dashboard">dashboard</a> <a href="http://vaulttheme.tumblr.com/" title="credit">©</a>
- </div>
- <div id="m">
- <script type="text/javascript" src="http://static.tumblr.com/heqtwlw/sWmmmbjtr/hover_text.js"></script>
- <div class="one">
- <h1>all-time favourites</h1>
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- </div>
- <div class="two">
- <h1>main favourites</h1>
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- </div>
- <div class="three">
- <h1>secondary favourites</h1>
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- <img src="https://i.imgur.com/d1K9Asx.png" onMouseover="ddrivetip('Description')"; onMouseout="hideddrivetip()">
- </div>
- <div class="four">
- <h1>other favourites</h1>
- <div class="list">
- <h2>subtitle</h2>
- <span>name</span>
- <span>name</span>
- <span>name</span>
- </div>
- <div class="list">
- <h2>subtitle</h2>
- <span>name</span>
- <span>name</span>
- <span>name</span>
- </div>
- <div class="list">
- <h2>subtitle</h2>
- <span>name</span>
- <span>name</span>
- <span>name</span>
- </div>
- <div class="list">
- <h2>subtitle</h2>
- <span>name</span>
- <span>name</span>
- <span>name</span>
- </div>
- <div class="list">
- <h2>subtitle</h2>
- <span>name</span>
- <span>name</span>
- <span>name</span>
- </div>
- <div class="list">
- <h2>subtitle</h2>
- <span>name</span>
- <span>name</span>
- <span>name</span>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement