Guest User

test

a guest
Oct 23rd, 2013
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.12 KB | None | 0 0
  1. <html>
  2.         <head>
  3.                 <title>login fenster</title>
  4.                 <style>
  5.                         @font-face {
  6.                                 font-family:"Vegur-Light";
  7.                                 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");
  8.                                 font-weight:normal;font-style:normal;
  9.                         }
  10.                        
  11.                         body {
  12.                                 background-color: #373737;
  13.                                 background-image: url("bg.jpg");
  14.                                 font-family: Myriad Pro;
  15.                                 font-size: 12px;
  16.                                 -webkit-transition: all 0.3s linear;
  17.                                 -moz-transition: all 0.3s linear;
  18.                                 -o-transition: all 0.3s linear;
  19.                                 -ms-transition: all 0.3s linear;
  20.                                 transition: all 0.3s linear;
  21.                         }
  22.                        
  23.                         a:link {
  24.                                 text-decoration:none;  
  25.                                 -webkit-transition: all 0.3s linear;
  26.                                 -moz-transition: all 0.3s linear;
  27.                                 -o-transition: all 0.3s linear;
  28.                                 -ms-transition: all 0.3s linear;
  29.                                 transition: all 0.3s linear;
  30.                         }
  31.                        
  32.                         article .meta-info {
  33.                                 filter: alpha(opacity=0);
  34.                                 opacity: 0;
  35.  
  36.                                 -webkit-transition: all 0.3s linear;
  37.                                 -moz-transition: all 0.3s linear;
  38.                                 -o-transition: all 0.3s linear;
  39.                                 -ms-transition: all 0.3s linear;
  40.                                 transition: all 0.3s linear;
  41.                         }
  42.                          
  43.                         article:hover .meta-info {
  44.                                 filter: alpha(opacity=1);
  45.                                 opacity: 1;
  46.                         }                      
  47.                        
  48.                         .label_user {  
  49.                                 font-family: Vegur-Light;
  50.                                 font-size: 16px;
  51.                                 color: #b5b5b5;
  52.                                 text-shadow: 1px 1px 1px rgba(0,0,0,.7);
  53.                         }
  54.                        
  55.                         .label_pass {  
  56.                                 font-family: Vegur-Light;
  57.                                 font-size: 16px;
  58.                                 color: #b5b5b5;
  59.                                 text-shadow: 1px 1px 1px rgba(0,0,0,.7);
  60.                         }
  61.                        
  62.                         input[type=text] {
  63.                                 font-family: "Myriad Pro";
  64.                                 font-size: 12px;
  65.                                 color: #9e9e9e;
  66.                                 text-decoration: none;
  67.                                 background-color: transparent;
  68.                                 border: 0px;
  69.                                 background-image: url('input_user.png');
  70.                                 background-repeat: repeat-x;
  71.                                 outline: 0 none;
  72.                         }
  73.  
  74.                         input[type=password] {
  75.                                 font-family: "Myriad Pro";
  76.                                 font-size: 12px;
  77.                                 color: #9e9e9e;
  78.                                 text-decoration: none;
  79.                                 background-color: transparent;
  80.                                 border: 0px;
  81.                                 background-image: url('input_pass.png');
  82.                                 background-repeat: repeat-x;
  83.                                 outline: 0 none;
  84.                         }
  85.                        
  86.                         input[type=submit] {
  87.                                 background-color: transparent;
  88.                                 background-image: url('loginbutton.png');
  89.                                 background-repeat: no-repeat;
  90.                                 background-position: center;
  91.                                 text-transform: uppercase;
  92.                                 border:0 none;
  93.                                 text-shadow: 1px 1px 3px rgba(0,0,0,.2);
  94.                                 outline: 0 none;
  95.                                 -webkit-transition: all 0.3s linear;
  96.                                 -moz-transition: all 0.3s linear;
  97.                                 -o-transition: all 0.3s linear;
  98.                                 -ms-transition: all 0.3s linear;
  99.                                 transition: all 0.3s linear;
  100.                         }
  101.                        
  102.                         input[type=submit]:hover {
  103.                                 background-color: transparent;
  104.                                 background-image: url('loginbutton_hover.png');
  105.                                 background-repeat: no-repeat;
  106.                                 background-position: center;
  107.                                 -webkit-transition: all 0.3s linear;
  108.                                 -moz-transition: all 0.3s linear;
  109.                                 -o-transition: all 0.3s linear;
  110.                                 -ms-transition: all 0.3s linear;
  111.                                 transition: all 0.3s linear;
  112.                         }
  113.                
  114.  
  115.                        
  116.                 </style>
  117.         </head>
  118.        
  119.         <body>
  120.             <center>
  121.                 <form action="#" method="POST">
  122.                         <div id="logo"  style="position:relative">
  123.                                 <img src="http://forum.sacounty.de/wcf/images/simcity2012/logo_gruen.png" />
  124.                         </div>
  125.                         <table class="position"  style="position:relative">
  126.                                 <tbody>
  127.                                         <tr>
  128.                                                 <td><font class="label_user">Benutzer:</font></td>
  129.                                                 <td><input type="text" maxlength="40" placeholder="Benutzername"></td>
  130.                                         </tr>
  131.                                         <tr>
  132.                                                 <td><font class="label_pass">Passwort:</font></td>
  133.                                                 <td><input type="password" maxlength="40" placeholder="Passwort"></td>
  134.                                         </tr>
  135.                                         <tr>
  136.                                                 <td><input type="submit" value="Einloggen"></td>
  137.                                         </tr>
  138.                                 </tbody>
  139.                         </table>
  140.                     </form>
  141.                 </center>
  142.         </body>
  143. </html>
Advertisement
Add Comment
Please, Sign In to add comment