changeset 39:6f48313c4da3

better dialog box styling
author Atul Varma <avarma@mozilla.com>
date Sat, 24 Apr 2010 14:20:46 -0700
parents 1cf0cdbc18cc
children 2a378aa52063
files css/main.css main.html
diffstat 2 files changed, 35 insertions(+), 12 deletions(-) [+]
line wrap: on
line diff
--- a/css/main.css	Sat Apr 24 13:55:15 2010 -0700
+++ b/css/main.css	Sat Apr 24 14:20:46 2010 -0700
@@ -69,35 +69,35 @@
 
 /* Rule to fix quirks-mode inheritance behavior */
 table, caption {
-  color: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-  font-style: inherit;
-  font-variant: inherit;
+    color: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    font-style: inherit;
+    font-variant: inherit;
 }
 
-table {
+#reports table {
     width: 100%;
     border-collapse: collapse;
 }
 
-tr {
+#reports tr {
     border-bottom: 1px black dotted;
 }
 
-th {
+#reports th {
     text-align: left;
 }
 
-tr.bug-row {
+#reports tr.bug-row {
     cursor: pointer;
 }
 
-tr.bug-row:hover {
+#reports tr.bug-row:hover {
     background: #f0f0f0;
 }
 
-th, td {
+#reports th, td {
     padding: 0.5em;
 }
 
@@ -131,9 +131,31 @@
 }
 
 .dialog .content {
+    line-height: 1.5em;
     color: white;
     background: rgba(0, 0, 0, 0.75);
     padding: 2em;
     width: 50%;
     margin: 10em auto;
 }
+
+.dialog input {
+    border: 1px solid black;
+    background: #e0e0e0;
+    font-size: 12pt;
+    outline: none;
+    padding: 0.25em;
+    font-family: Helvetica Neue, Arial, sans-serif;
+}
+
+.dialog input:hover {
+    background: white;
+}
+
+.dialog .button {
+    cursor: pointer;
+}
+
+.dialog table {
+    margin-left: 0;
+}
--- a/main.html	Sat Apr 24 13:55:15 2010 -0700
+++ b/main.html	Sat Apr 24 14:20:46 2010 -0700
@@ -35,7 +35,8 @@
     </tr>
   </table>
   <br/>
-  <input type="submit" id="login-submit" value="View Dashboard"/>
+  <input type="submit" class="button"
+         id="login-submit" value="View Dashboard"/>
   </form>
   </div>
 </div>