website_jukni/tools/css/form.css

156 lines
3.5 KiB
CSS
Raw Permalink Normal View History

.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);
}