149 lines
2.4 KiB
CSS
149 lines
2.4 KiB
CSS
html, body {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
body {
|
|
font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, 'DejaVu Sans', sans-serif;
|
|
font-size:14px;
|
|
color:#333;
|
|
}
|
|
|
|
#wrapper {
|
|
width:98%;
|
|
margin:0 auto;
|
|
padding-top:1%;
|
|
padding-bottom:1%;
|
|
}
|
|
|
|
#status {
|
|
padding:8px;
|
|
width:96%;
|
|
background: #007777;
|
|
color: #f0f0f0;
|
|
margin:0 auto;
|
|
|
|
}
|
|
|
|
#formDiv {
|
|
width:96%;
|
|
margin:0 auto;
|
|
}
|
|
|
|
#formDiv fieldset {
|
|
padding:10px;
|
|
border-top:1px solid #eee;
|
|
}
|
|
|
|
#shipFilterForm input[type="submit"] {
|
|
background:#008e8a;
|
|
padding:6px;
|
|
border-radius:10px 4px;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
margin-bottom:10px;
|
|
-o-transition:all 0.6s ease;
|
|
-ms-transition:all 0.6s ease;
|
|
-moz-transition:all 0.6s ease;
|
|
-webkit-transition:all 0.6s ease;
|
|
transition:all 0.6s ease;
|
|
border-radius:4px 10px;
|
|
width:80px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
#shipFilterForm input[type="submit"]:hover {
|
|
border-radius:4px 10px;
|
|
-o-transition:all 0.6s ease;
|
|
-ms-transition:all 0.6s ease;
|
|
-moz-transition:all 0.6s ease;
|
|
-webkit-transition:all 0.6s ease;
|
|
transition:all 0.6s ease;
|
|
box-shadow:2px 2px 6px rgba(0,0,0,0.2);
|
|
width:90px;
|
|
background:#007777;
|
|
}
|
|
|
|
#shipFilterForm select {
|
|
border-radius:10px 0;
|
|
border:1px inset #ccc;
|
|
padding:2px;
|
|
}
|
|
|
|
#formDiv fieldset input {
|
|
border-radius:20px 4px;
|
|
padding:2px 2px 2px 6px;
|
|
width:118px;
|
|
margin-right:15px;
|
|
-o-transition:all 0.4s ease;
|
|
-ms-transition:all 0.4s ease;
|
|
-moz-transition:all 0.4s ease;
|
|
-webkit-transition:all 0.4s ease;
|
|
transition:all 0.4s ease;
|
|
}
|
|
|
|
#formDiv fieldset input:hover, #formDiv fieldset input:focus {
|
|
outline:none;
|
|
box-shadow:inset 2px 2px 6px rgba(0,0,0,0.2);
|
|
-o-transition:all 0.4s ease;
|
|
-ms-transition:all 0.4s ease;
|
|
-moz-transition:all 0.4s ease;
|
|
-webkit-transition:all 0.4s ease;
|
|
transition:all 0.4s ease;
|
|
}
|
|
|
|
#formDiv fieldset input:last-child {
|
|
margin-right:0;
|
|
}
|
|
|
|
|
|
table {
|
|
width:98%;
|
|
margin:0 auto;
|
|
}
|
|
|
|
thead, td {
|
|
padding: 1px 4px;
|
|
}
|
|
|
|
thead {
|
|
font-weight:bold;
|
|
color:#f0f0f0; /*00cccc, 0033cc*/
|
|
text-transform: uppercase;
|
|
font-size:13px;
|
|
}
|
|
|
|
thead tr:first-child {
|
|
background:#007777;
|
|
}
|
|
|
|
.shipRow {
|
|
cursor:pointer;
|
|
}
|
|
|
|
.shipRow:nth-of-type(4n+1) {
|
|
background:#00cccc;
|
|
}
|
|
|
|
.shipRow:nth-of-type(4n+3) {
|
|
background:#00a8c6; /*00bbdd*/
|
|
}
|
|
|
|
/* SANJAY'S STYLING */
|
|
.goodRow {
|
|
display:none;
|
|
background:#c8e5ee;
|
|
}
|
|
|
|
.pageBtn {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
cursor:pointer;
|
|
color: #fff;
|
|
}
|
|
|
|
.pageBtn:hover {
|
|
color: #ccc;
|
|
}
|
|
/* END SANJAY'S STYLING */
|
|
|