Mercurial > hg > ltpdarepo

changeset 101:90d28e6d1213

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
More CSS tweaks.
author Daniele Nicolodi <daniele@grinta.net>
date Sun, 21 Aug 2011 20:32:58 +0200
parents 3024c77310d1
children 92adea9630c8
files src/ltpdarepo/static/style.css
diffstat 1 files changed, 65 insertions(+), 28 deletions(-) [+]
line wrap: on
line diff
--- a/src/ltpdarepo/static/style.css	Sun Aug 21 19:03:34 2011 +0200
+++ b/src/ltpdarepo/static/style.css	Sun Aug 21 20:32:58 2011 +0200
@@ -30,10 +30,6 @@
 
 /* structure */
 
-.discrete {
-    color: #888;
-}
-
 .content {
     margin: 0px 10em;
 }
@@ -101,12 +97,6 @@
     color: #000;
 }
 
-ol {
-    margin: 15px 0 15px 30px;
-    padding: 0;
-    line-height: 1.4;
-}
-
 div.breadcrumbs, div.user {
     padding-top: 0.4em;
     font-size: 90%;
@@ -130,6 +120,10 @@
     border-bottom: 1px solid #888;
 }
 
+.discrete {
+    color: #888;
+}
+
 /* data display styling */
 
 p.field {
@@ -181,11 +175,22 @@
 /* flash messages styling */
 
 .flash {
-    padding: 0.5em 0em 0em;
+    padding: 0;
+    margin: 1.25em 0;
+}
+
+.flash a {
+    color: inherit;
+    text-decoration: none;
+}
+
+.flash a:hover {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
 }
 
 .message {
-    color: #466719;
+    color: #888;
 }
 
 .error {
@@ -204,9 +209,8 @@
     border: none;
 }
 
-div.help {
+.help {
     color: #888;
-    font-size: 90%;
 }
 
 div.widget {
@@ -234,10 +238,36 @@
     -webkit-box-sizing: content-box;
 }
 
+input[type=text], input[type=password] {
+    display: inline-block;
+    border: 1px solid #BFBFBF;
+    margin: 0.2em 0;
+    padding: 4px 8px;
+    width: 25em;
+    font-family: lucida grande, verdana, sans-serif;
+    box-shadow: 0px 0px 2px #BFBFBF;
+    -moz-box-shadow: 0px 0px 2px #BFBFBF;
+    -webkit-box-shadow: 0px 0px 2px #BFBFBF;
+    box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box;    
+}
+
 input[type=submit]:hover, input[type=button]:hover {
     background: #CFF09E;
 }
 
+input:focus {
+    box-shadow: 0px 0px 3px #888;
+    -moz-box-shadow: 0px 0px 3px #888;
+    -webkit-box-shadow: 0px 0px 3px #888;
+}
+
+.required label:after {
+    content: ' required';
+    color: #888;
+}
+
 /* data table */
 
 .listing {
@@ -378,9 +408,9 @@
 }
 
 .search input[type=text]:hover, .search input[type=text]:focus {
-    box-shadow: 0px 0px 2px #BFBFBF;
-    -moz-box-shadow: 0px 0px 2px #AAAAAA;
-    -webkit-box-shadow: 0px 0px 2px #AAAAAA;
+    box-shadow: 0px 0px 2px #888;
+    -moz-box-shadow: 0px 0px 2px #888;
+    -webkit-box-shadow: 0px 0px 2px #888;
 }
     
 .wrapper {
@@ -411,20 +441,26 @@
 #add-dropdown {
     width: 12em;
     margin: 5px 0px;
-    box-shadow: 0px 0px 2px #DDD;
-    -moz-box-shadow: 0px 0px 2px #DDD;
-    -webkit-box-shadow: 0px 0px 2px #DDD;
+    box-shadow: 0px 0px 2px #BFBFBF;
+    -moz-box-shadow: 0px 0px 2px #BFBFBF;
+    -webkit-box-shadow: 0px 0px 2px #BFBFBF;
 }
 
+.criteria input {
+    box-shadow: none !important;
+    -moz-box-shadow: none !important;
+    -webkit-box-shadow: none !important;
+}    
+
 .criteria .dropdown {
     border: none;
 }
 
 .criteria {
     margin: 5px 0;
-    box-shadow: 0px 0px 2px #DDD;
-    -moz-box-shadow: 0px 0px 2px #DDD;
-    -webkit-box-shadow: 0px 0px 2px #DDD;
+    box-shadow: 0px 0px 2px #BFBFBF;
+    -moz-box-shadow: 0px 0px 2px #BFBFBF;
+    -webkit-box-shadow: 0px 0px 2px #BFBFBF;
     float: left;
     clear: both;
     height: 27px;
@@ -448,7 +484,7 @@
 }
 
 .criteria .value {
-    margin: 0px -1px;
+    margin: 0 0 0 -1px;
     width: 300px;
 }
 
@@ -460,6 +496,7 @@
 }
 
 .criteria .remove {
+    border-left: none;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -523,16 +560,16 @@
 
 /* timespan selector */
 
-.timespan-lo {
+input.timespan-lo {
     width: 197px;
     padding: 5px 10px;
-    vertical-align: bottom;
+    margin: 0;
 }
 
-.timespan-hi {
+input.timespan-hi {
     width: 197px;
     padding: 5px 10px;
-    vertical-align: bottom;
+    margin: 0;
 }
 
 .timespan-label {