summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/application
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/application')
-rw-r--r--app/assets/stylesheets/application/bootstrapify.scss35
-rw-r--r--app/assets/stylesheets/application/main.css.scss46
2 files changed, 58 insertions, 23 deletions
diff --git a/app/assets/stylesheets/application/bootstrapify.scss b/app/assets/stylesheets/application/bootstrapify.scss
index 0416b1e..08421f9 100644
--- a/app/assets/stylesheets/application/bootstrapify.scss
+++ b/app/assets/stylesheets/application/bootstrapify.scss
@@ -1,10 +1,16 @@
@import "bootstrap";
+// Connect Bootstrap classes to reasonable defaults
+
.btn {
@extend .btn-default;
}
-a[role="button"], button, input[type="submit"] {
+button,
+a[role="button"],
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
@extend .btn;
}
@@ -20,21 +26,21 @@ a[role="button"], button, input[type="submit"] {
}
}
form {
+ // This list of types is taken from the 2014-04-29 draft of
+ // the HTML5 spec:
+ // http://www.w3.org/TR/2014/CR-html5-20140429/forms.html#attr-input-type
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
- input[type="datetime"],
input[type="date"],
- input[type="month"],
- input[type="week"],
input[type="time"],
input[type="number"],
input[type="range"],
input[type="color"],
- select, textarea{
+ select, textarea {
@extend .form-control;
}
label {
@@ -64,3 +70,22 @@ header nav {
@extend .panel-title;
}
}
+
+// Connect built-in Rails classes to the Bootstrap classes.
+
+form {
+ .field {
+ @extend .form-group;
+ }
+ .field_with_errors {
+ @extend .has-error;
+ display: inline;
+ }
+}
+
+#error_explanation {
+ @extend .panel-danger;
+ @extend .container;
+ padding-left: 0;
+ padding-right: 0;
+}
diff --git a/app/assets/stylesheets/application/main.css.scss b/app/assets/stylesheets/application/main.css.scss
index 36e285b..655700d 100644
--- a/app/assets/stylesheets/application/main.css.scss
+++ b/app/assets/stylesheets/application/main.css.scss
@@ -26,9 +26,11 @@ $legend-border-color: #ccc; // matches the default $input-border and $btn-defaul
where .input-group does. */
.simple-input-group {
white-space: nowrap;
+ display: table;
.btn, .form-control {
display: table-cell;
&:not(:last-child) {
+ float: left;
@include border-right-radius(0);
}
&:not(:first-child) {
@@ -47,16 +49,6 @@ $legend-border-color: #ccc; // matches the default $input-border and $btn-defaul
text-align: center;
}
-#error_explanation {
- @extend .panel-danger;
- @extend .container;
- padding-left: 0;
- padding-right: 0;
- ul {
- list-style: disc outside none;
- }
-}
-
#alerts-ajax {
display: none;
}
@@ -70,13 +62,35 @@ form#search {
#user-actions {
@extend .navbar-btn;
@extend .navbar-left;
- * { display: table-cell; }
- div {
- @extend .simple-input-group;
+ @extend .simple-input-group;
+ span {
padding-right: .25em;
}
}
+#error_explanation ul {
+ list-style: disc outside none;
+}
+
+#players-needed {
+ text-align: center;
+ font-style: italic;
+}
+
+#tournament-side-params {
+ background: none repeat scroll 0 0 rgba(0,0,0,0.5);
+ border-radius: 5px;
+ float: right;
+ font-size: 7px;
+ padding: 10px;
+
+ p {
+ font-size: 10px;
+ margin-bottom: 5px;
+ }
+
+}
+
/* Classes **********************************************************/
/*
@@ -98,12 +112,8 @@ form#search {
}
*/
-.field_with_errors {
- @extend .has-error;
+form[role="button"] {
display: inline;
- label {
- @extend .control-label;
- }
}
/* Elements *********************************************************/