Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!---
- 888 8888888 888b d888 8888888888 .d8888b.
- 888 888 8888b d8888 888 d88P Y88b
- 888 888 88888b.d88888 888 Y88b.
- 888 888 888Y88888P888 8888888 "Y888b.
- 888 888 888 Y888P 888 888 "Y88b.
- 888 888 888 Y8P 888 888 "888
- 888 888 888 " 888 888 Y88b d88P
- 88888888 8888888 888 888 8888888888 "Y8888P"
- --->
- <style type="text/css">
- #credit {
- bottom:3px;
- position:fixed;
- right:10px;
- float:right;
- font-family:calibri;
- color:black;
- font-size:9px;
- letter-spacing:1px;
- text-transform:uppercase;
- padding:5px;
- }
- #credit a {
- color:black;
- background-color:white;
- padding:5px;
- -webkit-transition-duration:.8s;
- -moz-transition-duration:.8s;
- -o-transition-duration:.8s;
- -ms-transition-duration:.8s;
- }
- #credit a:hover {
- color:white;
- background-color:#00bdb3;
- }
- #content {
- width:250px;
- left:50%;
- margin-left:-165px;
- position:fixed;
- height:140px;
- padding:15px;
- background-color:black;
- font-family:Helvetica;
- text-transform:uppercase;
- letter-spacing:10px;
- color:white;
- font-size:25px;
- padding-top:100px;
- font-weight:100;
- text-align:center;
- top:50%;
- margin-top:-150px;
- transition-delay:2s;
- -webkit-transition-delay:2s;
- transition-duration:1s;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- -ms-transition-duration:1s;
- }
- #content:hover {
- transition-delay:0s;
- -webkit-transition-delay:0s;
- background-color:#00b3bd;
- -webkit-transform:scale(2) rotate(360deg);
- -moz-transform:scale(2) rotate(360deg);
- -ms-transform:scale(2) rotate(360deg);
- -o-transform:scale(2) rotate(360deg);
- }
- </style>
- </head>
- <body>
- <div id="content">Example</div>
- <div id="credit"><a href="http://ofcuteboys.tumblr.com/">ofcuteboys</a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement