.form1 { width:18em; position:relative; margin-left: auto; margin-right: auto; } .entry { background-color:white; padding:7px 6px; border:none; border-radius:5px; margin:5px; box-shadow: 4px 4px 10px #888888; } /* Select menu */ .select { float:right; background-color:#DDDCEC; padding:3px 6px; border:none; border-radius:5px; color: #352F85; } /*Number*/ .number { background-color:#DDDCEC; color: #352F85; width:3em; float:right; text-align:center; } .number:focus { background-color: lightblue; } /* For mozilla */ input[type=number] { -moz-appearance: textfield; appearance: textfield; margin: 0; } /* for Chrome */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Submit */ .submit { color: white; background-color:#04376C; padding: 10px; text-decoration: none; margin-top:1em; margin-bottom:1em; margin-left:60%; cursor: pointer; border: 1px solid #689CD3; border-radius: 5px; } .submit:hover { box-shadow: 4px 4px 10px #888888; background-color:#352F85; } /* Table */ table { background:#eaebec; margin:20px; border:#ccc 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; margin-left: auto; margin-right: auto; width:100%; } table th { padding:21px 25px 22px 25px; border-top:1px solid #fafafa; border-bottom:1px solid #e0e0e0; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top, #ededed, #ebebeb); } table th:first-child { text-align: left; padding-left:20px; } table tr:first-child th:first-child { -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; } table tr:first-child th:last-child { -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; } table tr { text-align: center; padding-left:20px; } table td:first-child { text-align: left; padding-left:20px; border-left: 0; } table td { padding:18px; border-top: 1px solid #ffffff; border-bottom:1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); } table tr.even td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); } table tr:last-child td { border-bottom:0; } table tr:last-child td:first-child { -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; } table tr:last-child td:last-child { -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; } table tr:hover td { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); }