ho preso questo css da un esempio su un sito per fare un box colorato e trasparente ma quando lo riporto sul mio sito, non funziona.
codice:
#login_form
{
width:230px;
padding:10px;
width:200px;
margin-top:30px;
background: rgba(191,230,187,0.7);
border-radius:20px;
-webkit-box-shadow:  4px 4px 4px 4px rgba(0, 0, 0, 0.7);
box-shadow:  4px 4px 4px 4px rgba(0, 0, 0, 0.7);
}
 
div, ul, li 
{
margin: 0;
padding: 0;
}

#login_form div 
{
margin-bottom: 4px;
}

#form_label
{
text-align:left;
font-weight:bolder;
font-size:18px;
color:White;
}
div.homeLogin input
{
width:145px;
margin:0;
-webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.4);
box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}

a, a:visited
{
color:#9BEDFF;
font-weight:bolder;
text-decoration:none;
}
 
a:hover
{
color:#fff;
font-weight:bolder;
text-decoration:underline;
}

div.homeLogin input[type='submit']
{
display:block;
float:right;
margin-right:52px;
width:65px;
-webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.4);
box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.4);
background: #fff;
}


codice:
<div class="login_form">
     <form method="post" action="" id="homeLogin">
            
  <div>
   <span class="form_label"><label for="username">User</label></span>
   <input name="username" type="text" id="username" />
  </div>
  <div>
   <span class="form_label"><label for="password">Pass</label></span>
   <input name="password" type="password" id="password" />
  </div>
  <div>
   <span class="form_label">Sei un nuovo utente?</span> <a id="linkReg">Registrati ora</a>
            <input type="submit" value="Login" />
        </div>
        </form> 
   </div>