Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>login fenster</title>
- <style>
- @font-face {
- font-family:"Vegur-Light";
- src:url("Vegur-L_0600.eot?") format("eot"),url("Vegur-L_0600.woff") format("woff"),url("Vegur-L_0600.ttf") format("truetype"),url("Vegur-L_0600.svg#Vegur-Light") format("svg");
- font-weight:normal;font-style:normal;
- }
- body {
- background-color: #373737;
- background-image: url("bg.jpg");
- font-family: Myriad Pro;
- font-size: 12px;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition: all 0.3s linear;
- -ms-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- a:link {
- text-decoration:none;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition: all 0.3s linear;
- -ms-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- article .meta-info {
- filter: alpha(opacity=0);
- opacity: 0;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition: all 0.3s linear;
- -ms-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- article:hover .meta-info {
- filter: alpha(opacity=1);
- opacity: 1;
- }
- .label_user {
- font-family: Vegur-Light;
- font-size: 16px;
- color: #b5b5b5;
- text-shadow: 1px 1px 1px rgba(0,0,0,.7);
- }
- .label_pass {
- font-family: Vegur-Light;
- font-size: 16px;
- color: #b5b5b5;
- text-shadow: 1px 1px 1px rgba(0,0,0,.7);
- }
- input[type=text] {
- font-family: "Myriad Pro";
- font-size: 12px;
- color: #9e9e9e;
- text-decoration: none;
- background-color: transparent;
- border: 0px;
- background-image: url('input_user.png');
- background-repeat: repeat-x;
- outline: 0 none;
- }
- input[type=password] {
- font-family: "Myriad Pro";
- font-size: 12px;
- color: #9e9e9e;
- text-decoration: none;
- background-color: transparent;
- border: 0px;
- background-image: url('input_pass.png');
- background-repeat: repeat-x;
- outline: 0 none;
- }
- input[type=submit] {
- background-color: transparent;
- background-image: url('loginbutton.png');
- background-repeat: no-repeat;
- background-position: center;
- text-transform: uppercase;
- border:0 none;
- text-shadow: 1px 1px 3px rgba(0,0,0,.2);
- outline: 0 none;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition: all 0.3s linear;
- -ms-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- input[type=submit]:hover {
- background-color: transparent;
- background-image: url('loginbutton_hover.png');
- background-repeat: no-repeat;
- background-position: center;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition: all 0.3s linear;
- -ms-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- </style>
- </head>
- <body>
- <center>
- <form action="#" method="POST">
- <div id="logo" style="position:relative">
- <img src="http://forum.sacounty.de/wcf/images/simcity2012/logo_gruen.png" />
- </div>
- <table class="position" style="position:relative">
- <tbody>
- <tr>
- <td><font class="label_user">Benutzer:</font></td>
- <td><input type="text" maxlength="40" placeholder="Benutzername"></td>
- </tr>
- <tr>
- <td><font class="label_pass">Passwort:</font></td>
- <td><input type="password" maxlength="40" placeholder="Passwort"></td>
- </tr>
- <tr>
- <td><input type="submit" value="Einloggen"></td>
- </tr>
- </tbody>
- </table>
- </form>
- </center>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment