Changeset 455 for trunk/css

Timestamp:

Jan 7, 2014 2:35:40 AM (10 years ago)

Author:

anonymous

Message:

Fixed css widths of input elements.

Location:

trunk/css

Files:

• admin.inc.css (modified) (4 diffs)
• admin2.inc.css (modified) (6 diffs)
• codebase.inc.css (modified) (3 diffs)
• utilities.inc.css (modified) (2 diffs)

trunk/css/admin.inc.css

@@ -1 +1 @@
 /**
- * admin.css 
+ * admin.inc.css
  *
- * CSS for the Strangecode administration sites.
+ * CSS for a Strangecode administration site.
  */
 
@@ -212 +212 @@
 /* BEAU: The old stuff that was here...
 #content table {
-         background-color: #FFF; 
+         background-color: #FFF;
 }
 
@@ -301 +301 @@
 }
 
-#footer a:link, 
+#footer a:link,
 #footer a:visited {
     color: #333;
@@ -307 +307 @@
 }
 
-#footer a:active, 
+#footer a:active,
 #footer a:hover {
     color: #333;

trunk/css/admin2.inc.css

@@ -1 +1 @@
 /**
- * admin.css 
+ * admin2.inc.css
  *
  * CSS for the Strangecode administration sites.
@@ -95 +95 @@
 /*     float: left; */
     min-width: 10em;
-    width: 10em !important; 
+    width: 10em !important;
     _width: 10em;  /* IE6 hack */
     margin: 0 0 10px 0;
@@ -277 +277 @@
 }
 
-#footer a:link, 
+#footer a:link,
 #footer a:visited {
     color: #333;
@@ -283 +283 @@
 }
 
-#footer a:active, 
+#footer a:active,
 #footer a:hover {
     color: #333;
@@ -304 +304 @@
     margin: 1em 0 0 0;
     padding: 0;
-    border: 0; 
+    border: 0;
 }
 
 legend {
     font-size: 90%;
-    font-weight: bold; 
+    font-weight: bold;
     padding: 0;
     margin: 0;
@@ -318 +318 @@
 .sc-small,
 .sc-medium,
-.sc-large, 
+.sc-large,
 .sc-full,
 #sc-captcha-input,

trunk/css/codebase.inc.css

@@ -1 +1 @@
 /**
- * codebase.css 
+ * codebase.inc.css
  *
  * CSS used in codebase templates and scripts that generate HTML. Do not arbitrarily
@@ -18 +18 @@
 .sc-msg-success { color: #090; }
 .sc-msg-notice { color: #C60; }
-.sc-msg-warning, 
+.sc-msg-warning,
 .sc-msg-error { color: #f00; }
 .sc-msg > .sc-msg-success,
@@ -39 +39 @@
     border-spacing: 0;
 }
-#sc-pedit-versions-table th, 
+#sc-pedit-versions-table th,
 #sc-pedit-versions-table td {
     border-bottom: 1px solid #CC9;

trunk/css/utilities.inc.css

@@ -1 +1 @@
 /**
- * utilities.css
+ * utilities.inc.css
  *
  * CSS used often in Strangecode applications. Do not arbitrarily
@@ -14 +14 @@
 input.sc-medium, textarea.sc-medium, select.sc-medium,
 input.sc-large, textarea.sc-large, select.sc-large,
-input.sc-full, textarea.sc-full, select.sc-full { margin: 0 0.5em 0 0; }
+input.sc-full, textarea.sc-full, select.sc-full { margin: 0 0.5em 0 0; padding: 3px 0.25em; border-width: 1px; }
 
-input.sc-tiny, textarea.sc-tiny, select.sc-tiny, label.sc-tiny          { width: 4.75em; }
-input.sc-small, textarea.sc-small, select.sc-small, label.sc-small      { width: 10em; }
-input.sc-medium, textarea.sc-medium, select.sc-medium, label.sc-medium  { width: 20.5em; }
-input.sc-large, textarea.sc-large, select.sc-large, label.sc-large      { width: 41.5em; }
+/*
+The following widths are calculated using `width = (maxwidth - (1.2 * multiple)) / multiple`
+where width is the saught value, maxwidth is the width of a sc-large, and multiple is the number
+of times an element fits within maxwidth (i.e. sc-tiny has a multiple of 8).
+The values are dependent on the margin, padding, and border set above.
+*/
+input.sc-tiny, textarea.sc-tiny, select.sc-tiny, label.sc-tiny          { width: 4.54em; }
+input.sc-small, textarea.sc-small, select.sc-small, label.sc-small      { width: 10.17em; }
+input.sc-medium, textarea.sc-medium, select.sc-medium, label.sc-medium  { width: 21.44em; }
+input.sc-large, textarea.sc-large, select.sc-large, label.sc-large      { width: 44em; }
 input.sc-full, textarea.sc-full, select.sc-full, label.sc-full          { width: 100%; }