Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html>
- <head><link href='http://fonts.googleapis.com/css?family=Yellowtail|Open+Sans' rel='stylesheet' type='text/css'>
- <title>My Tags</title>
- <style type="text/css">
- a {
- text-decoration: none;
- }
- .icon {
- width: 64px;
- height: 64px;
- border: 3px double #ccc;
- margin-top: 80px;
- }
- .headerline {
- width: 150px;
- height: 1px;
- background: #ccc;
- margin-top: 80px;
- margin-right: 30px;
- margin-left: 30px;
- }
- .title1 {
- font-family: 'Yellowtail', cursive;
- text-align: center;
- font-size: 20px;
- color: white;
- background: #222;
- margin-top: 20px;
- letter-spacing: 2px;
- padding: 5px;
- }
- .title2 {
- font-family: 'Yellowtail', cursive;
- text-align: center;
- font-size: 20px;
- color: white;
- background: #222;
- letter-spacing: 2px;
- padding: 5px;
- }
- .tag {
- width: 150px;
- height: 20px;
- border-bottom: 1px solid #ccc;
- }
- .text {
- text-align: left;
- color: #888;
- text-transform: uppercase;
- font-family: 'Open Sans', sans-serif;
- font-size: 10px;
- padding-top: 5px;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- .text:hover {
- margin-left: 25px;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- .otherlinks a {
- color: #555;
- text-transform: lowercase;
- font-variant: small-caps;
- font-family: 'Open Sans', sans-serif;
- text-align: center;
- font-size: 14px;
- padding-top: 20px;
- padding-left: 10px;
- }
- .credit a {
- position: fixed;
- bottom: 10px;
- right: 12px;
- color: #333;
- font-size: 11px;
- }
- </style>
- </head>
- <body>
- <center>
- <table><tr><td><div class="headerline"></div></td><td><div class="icon"><img src="{PortraitURL-64}"></div></td><td><div class="headerline"></div></td></tr></table>
- <div class="otherlinks"><a href="/">Home</a> <a href="/">link i</a> <a href="/">link ii</a> <a href="/">link iii</a></div>
- <table cellspacing="20"><tr>
- <td valign="top"><div class="title1">Title</div>
- <a href="/"><div class="tag"><div class="text">Tag 01</div></div></a>
- <a href="/"><div class="tag"><div class="text">Tag 02</div></div></a>
- <a href="/"><div class="tag"><div class="text">Tag 03</div></div></a>
- <a href="/"><div class="tag"><div class="text">Tag 04</div></div></a>
- <a href="/"><div class="tag"><div class="text">Tag 05</div></div></a>
- </td>
- <td valign="top"><div class="title1">Title</div>
- <a href="/"><div class="tag"><div class="text">tag 01</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 02</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 03</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 04</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 05</div></div></a>
- </td>
- <td valign="top"><div class="title1">Title</div>
- <a href="/"><div class="tag"><div class="text">tag 01</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 02</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 03</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 04</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 05</div></div></a>
- </td>
- </tr></table>
- <table cellspacing="20"><tr>
- <td valign="top"><div class="title2">Title</div>
- <a href="/"><div class="tag"><div class="text">tag 01</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 02</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 03</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 04</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 05</div></div></a>
- </td>
- <td valign="top"><div class="title2">Title</div>
- <a href="/"><div class="tag"><div class="text">tag 01</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 02</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 03</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 04</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 05</div></div></a>
- </td>
- <td valign="top"><div class="title2">Title</div>
- <a href="/"><div class="tag"><div class="text">tag 01</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 02</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 03</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 04</div></div></a>
- <a href="/"><div class="tag"><div class="text">tag 05</div></div></a>
- </td>
- </tr></table>
- </center>
- </body>
- <div class="credit"><a href="http://bisexualamy.tumblr.com/">▲▲▲</a></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement