Browse Source

removed width:100% from text inputs and added a little padding around secondary buttons (datetime pickers etc) to better support aligning them next to their corresponding input field just as zurb recommends

Garrick van Buren 12 years ago
parent
commit
151a4e65a1
2 changed files with 28 additions and 5 deletions
  1. 26 3
      assets/stylesheets/foreground.css
  2. 2 2
      assets/stylesheets/foundation.css

+ 26 - 3
assets/stylesheets/foreground.css

@@ -130,6 +130,8 @@ footer.row ul.columns li { display: inline;float:none;}
   color: white;
   color: white;
 }
 }
 
 
+ul.vcard { padding: 0.5em 0.5em 0.55em 0.5em; }
+
 /* HEADERS */
 /* HEADERS */
 
 
 h1,h2,h3,h4,h5,h6 {
 h1,h2,h3,h4,h5,h6 {
@@ -255,14 +257,24 @@ input.minuteInput,
 input.secondInput,
 input.secondInput,
 input.dayInput,
 input.dayInput,
 input.yearInput,
 input.yearInput,
-input[name="Website[Founded date][hour]"],
-input[name="Website[Founded date][minute]"],
-input[name="Website[Founded date][second]"] {
+input[name="*[* date][hour]"],
+input[name="*[* date][minute]"],
+input[name="*[* date][second]"] {
   width: auto;
   width: auto;
   float: left;
   float: left;
   margin-right: 1em;
   margin-right: 1em;
 }
 }
 
 
+.inputSpan button,
+.inputSpan .button {
+  margin: -4px 0 0 0;
+  padding:0.37em 0.75em 0.6em 0.70em;
+}
+
+.ms-selectabel input[type="text"] {
+  width: 100%;
+}
+
 select {width:auto;}
 select {width:auto;}
 
 
 input.createboxInput {
 input.createboxInput {
@@ -327,6 +339,17 @@ input[type="submit"] {
     transition: background-color 300ms ease-out;
     transition: background-color 300ms ease-out;
 }
 }
 
 
+input[type="button"] {
+    background-color: #e9e9e9;
+    border-color: #d0d0d0;
+    color: white;
+    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
+    -webkit-transition: background-color 300ms ease-out;
+    -moz-transition: background-color 300ms ease-out;
+    transition: background-color 300ms ease-out;
+}
+
 .editButtons input[type="submit"] {
 .editButtons input[type="submit"] {
   display: inline-block;
   display: inline-block;
 }
 }

+ 2 - 2
assets/stylesheets/foundation.css

@@ -1662,11 +1662,11 @@ textarea {
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   color: rgba(0, 0, 0, 0.75);
   color: rgba(0, 0, 0, 0.75);
-  display: block;
+  display: inline-block;
   font-size: 0.875em;
   font-size: 0.875em;
   margin: 0 0 1em 0;
   margin: 0 0 1em 0;
   padding: 0.5em;
   padding: 0.5em;
-  width: 100%;
+/*  width: 100%;*/
   -moz-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   box-sizing: border-box;