SF.net SVN: ledger-smb:[2291] trunk

[..hidden..]

Revision: 2291
          http://ledger-smb.svn.sourceforge.net/ledger-smb/?rev=2291&view=rev
Author:   einhverfr
Date:     2008-08-21 02:38:00 +0000 (Thu, 21 Aug 2008)

Log Message:
-----------
Pretty notes....
 On the main ledgersmb.css, the following effects added for notes:
1) Margins, background color, borders added
2) By default boxes are 90% of container width wide, 5ems high, overflow text not shown.
3)  On mouse over, div extends downward full length of note, and horizontal scroll bars if necessary appear.

Modified Paths:
--------------
    trunk/UI/Contact/contact.css
    trunk/UI/Contact/contact.html
    trunk/css/ledgersmb.css

Modified: trunk/UI/Contact/contact.css
===================================================================
--- trunk/UI/Contact/contact.css	2008-08-20 23:34:39 UTC (rev 2290)
+++ trunk/UI/Contact/contact.css	2008-08-21 02:38:00 UTC (rev 2291)
@@ -23,6 +23,7 @@
 	white-space:pre
 }
 
+
 div label {
 	margin-left: 1em;
 }

Modified: trunk/UI/Contact/contact.html
===================================================================
--- trunk/UI/Contact/contact.html	2008-08-20 23:34:39 UTC (rev 2290)
+++ trunk/UI/Contact/contact.html	2008-08-21 02:38:00 UTC (rev 2291)
@@ -211,7 +211,9 @@
 		} ?>
     </form>
 <?lsmb FOREACH n = notes ?>
+<div class="note">
 <div class="note_contents"><?lsmb n.note ?></div>
+</div>
 <?lsmb END ?>
 </div>
 <?lsmb IF entity_id ?>

Modified: trunk/css/ledgersmb.css
===================================================================
--- trunk/css/ledgersmb.css	2008-08-20 23:34:39 UTC (rev 2290)
+++ trunk/css/ledgersmb.css	2008-08-21 02:38:00 UTC (rev 2291)
@@ -186,7 +186,27 @@
   font-size: 14pt;
 }
 
+div.note {
+	margin: 1em;
+	padding: 1em;
+	border: 2px;
+	height: 5em;
+	width: 90%;
+	overflow: hidden;
+	background-color: #ddd;
+	border-style: groove;
+}
 
+div.note:hover {
+	overflow:visible;
+	background-color: #ddd;
+	border-style: groove;
+	height: 100%;
+	width: 90%;
+	min-height: 5em;
+	overflow: auto;
+}
+
 /* media stuff */
 
 @media screen {


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.