Changeset 20 for trunk/css

Timestamp:

Nov 17, 2005 3:00:00 AM (18 years ago)

Author:

scdev

Message:

Tons of little updates and bugfixes. CSS updates to templates and core css files. File upload ability to module_maker. Remade Upload interface to use setParam/getParam.

Location:

trunk/css

Files:

• admin.inc.css (modified) (2 diffs)
• utilities.inc.css (modified) (4 diffs)

trunk/css/admin.inc.css

@@ -44 +44 @@
 /* The following are here in addition to in utilities.inc.css only because I want the font size 70%. Is there a more general way to do this? There currently are NO font-size specifications in utilities.inc.css or codebase.inc.css. That seems safest, but requires that they are redefined anyways (like here for eg). Have you figured out how to do font sizes correctly? */
 
+/* Why does having a form change the presentation of the page? Don't do that. */
+form
+{
+    margin: 0;
+}
+
 form label
 {
     font-size: 70%;
-    max-width: 20em;
+    max-width: 25em;
     /* BEAU: I added class="right" to the <TD> to make them align right as they were before. Do you know a better way? */
     /*float: right;*/
@@ -216 +222 @@
 {
     vertical-align: top;
-    padding-right: 6px;
+    padding: 8px 6px 0 0 ;
 }
 

trunk/css/utilities.inc.css

@@ -15 +15 @@
 {
     color: #000;
-    margin: 0 4px 0 0;
+    margin: 0 0.5em 0 0;
     padding: 0;
 }
@@ -23 +23 @@
 {
     font-weight: bold;
-    margin: 1px;
-}
-
-/* BEAU: Should be in EMs? Also, sometimes it is nice to have the select menu be only the width as its contents. How to override this? */
-select
-{
-    width: 250px;
-    margin: 4px 4px 0 0;
+    margin: 0.5em;
 }
 
 input
 {
-    margin: 4px 4px 0 0;
+    margin: 0.5em 0.5em 0 0;
 }
 
@@ -46 +39 @@
 BEAU: I want more text box widths! I find need for boxes that fit 5em, 10em, 20em, and 40em widths. These should be in EMs so text can resize and still fit. Since it is useful to apply a width to other form elements to have them similar sizes (not always a text box, such as <select multiple>) I propose renaming them to "input.tiny", "input.small", "input.medium", "input.large", and "input.half" (not sure how you would do "half" in EMs however.
 */
-input.text, textarea.text
+input.tiny, textarea.tiny
 {
-    width: 250px;
+    width: 5em;
 }
 
-input.textsmall, textarea.textsmall
+input.small, textarea.small
 {
-    width: 150px;
+    width: 10em;
 }
 
-input.texthalf, textarea.texthalf
+input.medium, textarea.medium
 {
-    width: 121px;
-    /*  125 minus 4 to account for the 4px padding on the right  */
+    width: 20.5em;
+}
+
+input.large, textarea.large
+{
+    width: 41.5em;
 }
 
@@ -67 +64 @@
 }
 
-/* BEAU: Again, here, "small", "medium", "large" denominations make sense. But how to diferentiate width from height? */
-textarea.twoliner
+textarea.twolines
 {
     height: 3em;
 }
 
-textarea.paragraphs
+textarea.short
 {
-    height: 20em;
+    height: 8em;
+}
+
+textarea.tall
+{
+    height: 25em;
+}
+
+textarea.fullscreen
+{
+    height: 40em;
+}
+
+/* BEAU: Should be in EMs? Also, sometimes it is nice to have the select menu be only the width as its contents. How to override this? */
+select.small
+{
+    width: 10em;
+}
+
+select.medium
+{
+    width: 20.5em;
 }