156 lines
No EOL
3.5 KiB
CSS
156 lines
No EOL
3.5 KiB
CSS
|
|
.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);
|
|
} |