app/assets/stylesheets/outpost/_forms.css.scss in outpost-cms-0.0.3 vs app/assets/stylesheets/outpost/_forms.css.scss in outpost-cms-0.0.4
- old
+ new
@@ -6,12 +6,12 @@
}
form.simple_form {
table.field-rows {
td, th {
- text-align: left;
- padding: 5px 10px;
+ text-align: left;
+ padding: 5px 10px;
}
tbody tr { padding: 5px 0; }
.controls { margin: 0; }
@@ -19,11 +19,11 @@
}
input.wide, textarea {
@extend .span7;
}
-
+
input, textarea {
&.span1 { @extend .span1; }
&.span2 { @extend .span2; }
&.span3 { @extend .span3; }
&.span4 { @extend .span4; }
@@ -34,56 +34,65 @@
&.span9 { @extend .span9; }
&.span10 { @extend .span10; }
&.span11 { @extend .span11; }
&.span12 { @extend .span12; }
}
-
+
input.thin, textarea.thin {
@extend .span2;
}
-
+
input.tiny {
@extend .span1;
}
-
+
// For code inputs
textarea.fixed-font, input.fixed-font {
@include font-monospace($size: 11px);
background: #000;
color: #FFFF00;
}
-
+
textarea {
&.tiny { height: 100px; }
&.short { height: 200px; }
&.tall { height: 600px; }
}
-
- fieldset legend {
+
+ fieldset {
+ margin-bottom: 40px;
+
+ legend {
+ background: #000;
+ color: #fff;
+ padding: 0 5px;
cursor: pointer;
+ line-height: 1.2em; // override bootstrap
+
&:hover {
- background: #ffffcc;
+ background: #666;
}
+ }
}
-
+
.counter-notify {
@extend .span7;
}
-
+
.inline { // Extend bootstrap .inline
display: inline-block;
margin-right: 5px;
input[type=text] { @extend .span2; }
input[type=checkbox] { width: 20px; }
-
+
.controls {
margin-left: 10px;
}
}
-
+
.control-group.vertical {
- label {
+ label {
float: none;
text-align: left;
}
.controls { margin-left: 2px; }
}
@@ -111,6 +120,10 @@
z-index: 4;
}
.select2-drop {
z-index: 4;
+}
+
+.has-many-add-link {
+ @extend .btn;
}