lollipop

A PHP-framework
Log | Files | Refs

form_template.css (1227B)

      1 .form_card{
      2   margin:1em;
      3   padding: 25px;  
      4   border-radius: 35px;
      5   background-color: #33b3b6; 
      6   border: 3px solid #ccc;
      7 }
      8 
      9 .form_card h1{
     10   font-size: 25px;
     11   width: 100%;
     12   text-align: center;
     13   color:white;
     14 }
     15 
     16 form{
     17   display: flex;
     18   flex-direction: column;
     19   align-items: center;
     20 }
     21 a{
     22   display: block;
     23   padding-left: 10px;
     24   padding-right: 10px;
     25   margin-top: 5px;
     26   margin-bottom: 5px;
     27   background-color:white;
     28   border-radius: 8px;
     29   text-decoration:none;
     30 }
     31 
     32 input[type=text], input[type=password], input[type=date], input[type=number]{
     33   width: 100%;
     34   padding: 6px 12px;
     35   margin: 8px 0;
     36   border-radius: 15px;
     37   border: 3px solid #ccc;
     38   outline: none;
     39 }
     40 
     41 .check_this_box{
     42   display:block;
     43 }
     44 
     45 input[type=password]:focus, input[type=text]:focus{
     46   border: 3px solid #555;
     47   border-radius: 15px;
     48 }
     49 
     50 input[type=button], input[type=submit], input[type=reset]{
     51   width: 75%;
     52   padding: 6px 12px;
     53   background-color: #66ffff;
     54   border-radius: 15px;
     55   border: 3px solid #ccc;
     56 }
     57 
     58 .form-response{
     59   width: 100%;
     60   text-align: center;
     61   margin-bottom: 5px;
     62 }
     63 
     64 table {
     65   border-collapse: collapse;
     66   text-align: left;
     67   width: 100%;
     68 }
     69 
     70 th, td {
     71   border-bottom: 1px solid #ddd;
     72 }
     73 
     74 tr:hover{
     75   background-color:#52dff2;
     76 }
     77