From 864d7394b5c7212f2479256679db63b33c7823a9 Mon Sep 17 00:00:00 2001 From: Sanj Date: Mon, 23 Apr 2012 00:05:11 +0530 Subject: [PATCH] updated css --- manifests/media/css/main.css | 81 +++++++++++++++++++++++-------- manifests/templates/shipList.html | 1 + 2 files changed, 62 insertions(+), 20 deletions(-) diff --git a/manifests/media/css/main.css b/manifests/media/css/main.css index 06f09a0..559ece3 100644 --- a/manifests/media/css/main.css +++ b/manifests/media/css/main.css @@ -17,37 +17,77 @@ body { } #status { - padding-bottom:12px; + padding-bottom:10px; + width:96%; + margin:0 auto; + } -#formDiv fieldset { - padding:12px; - border-top:1px solid #eee; - width:98%; +#formDiv { + width:96%; margin:0 auto; } +#formDiv fieldset { + padding:10px; + border-top:1px solid #eee; +} + #shipFilterForm input[type="submit"] { -background: -moz-linear-gradient(top, rgba(0,119,119,1) 0%, rgba(0,204,204,1) 69%); /* FF3.6+ */ -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+ */ -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; + background:#008e8a; + padding:10px; 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; } -#formDiv fieldset input { - border-radius:20px 4px; +#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 { - width:120px; - margin-right:20px; + 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 { @@ -75,17 +115,18 @@ thead tr:first-child { background:#007777; } -.shipRow:nth-of-type(odd) { +.shipRow:nth-of-type(4n+1) { background:#00cccc; } -.shipRow:nth-of-type(even) { - background:#00bbdd; +.shipRow:nth-of-type(4n+3) { + background:#00a8c6; /*00bbdd*/ } /* SANJAY'S STYLING */ .goodRow { - display: none; + display:block; + background:#c8e5ee; } /* END SANJAY'S STYLING */ diff --git a/manifests/templates/shipList.html b/manifests/templates/shipList.html index e520261..8ca6bf6 100644 --- a/manifests/templates/shipList.html +++ b/manifests/templates/shipList.html @@ -2,6 +2,7 @@ + Wharfage: Manifests