updated css

This commit is contained in:
Sanj 2012-04-23 00:05:11 +05:30
parent ffde763650
commit 864d7394b5
2 changed files with 62 additions and 20 deletions

View File

@ -17,37 +17,77 @@ body {
} }
#status { #status {
padding-bottom:12px; padding-bottom:10px;
width:96%;
margin:0 auto;
} }
#formDiv fieldset { #formDiv {
padding:12px; width:96%;
border-top:1px solid #eee;
width:98%;
margin:0 auto; margin:0 auto;
} }
#formDiv fieldset {
padding:10px;
border-top:1px solid #eee;
}
#shipFilterForm input[type="submit"] { #shipFilterForm input[type="submit"] {
background: -moz-linear-gradient(top, rgba(0,119,119,1) 0%, rgba(0,204,204,1) 69%); /* FF3.6+ */ background:#008e8a;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,119,119,1)), color-stop(69%,rgba(0,204,204,1))); /* Chrome,Safari4+ */ padding:10px;
background: -webkit-linear-gradient(top, rgba(0,119,119,1) 0%,rgba(0,204,204,1) 69%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,119,119,1) 0%,rgba(0,204,204,1) 69%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,119,119,1) 0%,rgba(0,204,204,1) 69%); /* IE10+ */
background: linear-gradient(top, rgba(0,119,119,1) 0%,rgba(0,204,204,1) 69%); /* W3C */
padding:6px 12px;
border-radius:10px 4px; border-radius:10px 4px;
color:#fff; color:#fff;
font-weight:bold; 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;
} }
#formDiv fieldset input { #shipFilterForm input[type="submit"]:hover {
border-radius:20px 4px; 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; padding:2px;
} }
#formDiv fieldset input { #formDiv fieldset input {
width:120px; border-radius:20px 4px;
margin-right:20px; 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 { #formDiv fieldset input:last-child {
@ -75,17 +115,18 @@ thead tr:first-child {
background:#007777; background:#007777;
} }
.shipRow:nth-of-type(odd) { .shipRow:nth-of-type(4n+1) {
background:#00cccc; background:#00cccc;
} }
.shipRow:nth-of-type(even) { .shipRow:nth-of-type(4n+3) {
background:#00bbdd; background:#00a8c6; /*00bbdd*/
} }
/* SANJAY'S STYLING */ /* SANJAY'S STYLING */
.goodRow { .goodRow {
display: none; display:block;
background:#c8e5ee;
} }
/* END SANJAY'S STYLING */ /* END SANJAY'S STYLING */

View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Wharfage: Manifests</title>
<link rel="stylesheet" href="/media/css/reset.css" /> <link rel="stylesheet" href="/media/css/reset.css" />
<link rel="stylesheet" href="/media/css/main.css" /> <link rel="stylesheet" href="/media/css/main.css" />
<script type="text/javascript" src="/media/js/jquery.js"></script> <script type="text/javascript" src="/media/js/jquery.js"></script>