From 8c5772072066eb57cda4b0b8953aebe3af33ca2d Mon Sep 17 00:00:00 2001
From: Luke Shumaker <shumakl@purdue.edu>
Date: Thu, 1 May 2014 17:01:48 -0400
Subject: condense the stylesheets

---
 app/assets/stylesheets/scaffolds.scss | 270 ++++++++++++++++++++++++++++++++++
 1 file changed, 270 insertions(+)
 create mode 100644 app/assets/stylesheets/scaffolds.scss

(limited to 'app/assets/stylesheets/scaffolds.scss')

diff --git a/app/assets/stylesheets/scaffolds.scss b/app/assets/stylesheets/scaffolds.scss
new file mode 100644
index 0000000..8fe3cc9
--- /dev/null
+++ b/app/assets/stylesheets/scaffolds.scss
@@ -0,0 +1,270 @@
+/* Mixins ***********************************************************/
+/* These are just here for other things to @extend. */
+/* Ok, they're really classes, but we don't use them like it. */
+
+/* More elegant version of .input-group, which is over-complicated
+   because it supports all kind of things we don't always need to.
+   This is useful because it doesn't require extra HTML elements,
+   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) {
+			@include border-left-radius(0);
+			border-left: 0;
+		}
+	}
+}
+
+/* IDs **************************************************************/
+/* Specific page elements */
+
+#notice {
+	@extend .alert-success;
+	@extend .container;
+	text-align: center;
+}
+
+#alerts-ajax {
+	display: none;
+}
+
+
+form#search {
+	@extend .navbar-right;
+	@extend .simple-input-group;
+}
+
+#user-actions {
+	@extend .navbar-btn;
+	@extend .navbar-left;
+	@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;
+	}
+
+}
+
+#peer_review_boxes li {
+    cursor: move;
+    position: relative;
+    float: left;
+    margin: 5px;
+    width: 180px;
+    height: 240px;
+    border: 1px solid rgb(0, 0, 0);
+    text-align: center;
+    padding-top: 10px;
+    background-color: rgb(238, 238, 255);
+}
+
+// Nothing uses this one right now
+#peer_review_numeric li {
+    cursor: move;
+    position: relative;
+    float: left;
+    margin: 5px;
+    width: 180px;
+    height: 240px;
+    border: 1px solid rgb(0, 0, 0);
+    text-align: center;
+    padding-top: 10px;
+    background-color: rgb(238, 238, 255);
+}
+
+/**** INDEX PAGE - TABLE AND GRAPH ****/
+#matches-table {
+    @extend .table;
+    color: #FFF;
+
+    form {
+        color: #333;
+    }
+}
+
+/* Classes **********************************************************/
+
+/*
+.btn {
+	&.user    { @extend .btn-info; }
+	&.signup  { @extend .btn-success; }
+	&.signin  { @extend .btn-warning; }
+	&.signout { @extend .btn-danger; }
+	&.server  { @extend .btn-warning; }
+	&.create-alert {
+		color: white;
+		background-color: rgb(255, 69, 0);
+		border-color: rgb(255, 69, 0);
+	}
+	&.alerts {
+		color: white;
+		background-color: hsl(0, 69%, 22%);
+	}
+}
+*/
+
+form[role="button"] {
+	display: inline;
+}
+
+/* Elements *********************************************************/
+
+footer {
+	@extend .container;
+	margin-top: 1em;
+	border-top: solid 1px $hr-border;
+	text-align: center;
+}
+
+fieldset {
+	border: solid 1px $legend-border-color;
+	border-radius: .5em;
+	padding: 1em;
+	margin: 1em 0;
+	legend {
+		display: block;
+		margin: 0;
+		padding: .25em .5em;
+		width: auto;
+		border: solid 1px $legend-border-color;
+		border-radius: .5em;
+	}
+}
+
+form ul {
+	list-style: none;
+}
+
+pre {
+	text-align: left;
+}
+
+/* Misc *************************************************************/
+
+.tournament-listing {
+	margin: 10px 0px;
+	border-radius: 5px;
+	box-shadow: 0px 0px 3px #B8B8B8;
+	background-color: rgba(0, 0, 0, 0.6);
+	border: 1px solid #AAAAAA;
+	min-height: 100px;
+	padding: 8px 4px;
+
+	div.row {
+		margin-left: 2%;
+	}
+	p.message {
+		margin-top: 10px;
+	}
+
+	/* AKA the listing title */
+	h3 {
+		margin-top: 0px;
+		color: #F0AD4E;
+		font-weight: bold;
+	}
+
+	h3:hover {
+		color: #D09D3E;
+	}
+
+	/* host of the tournament */
+	.host {
+		font-weight: bold;
+		color: #FFF;
+	}
+
+	.col-md-8 {
+		padding: 0;
+		a {
+			padding: 5px 0 0 0;
+		}
+	}
+
+	.t-game{
+		font-weight: bold;
+		text-align: center;
+	}
+
+	.t-image{
+		display: block;
+		margin:auto;
+	}
+}
+
+
+.user-listing {
+	margin: 10px 0px;
+	border-radius: 5px;
+	box-shadow: 0px 0px 3px #B8B8B8;
+	background-color: rgba(0, 0, 0, 0.6);
+	border: 1px solid #AAAAAA;
+	min-height: 100px;
+	padding: 8px 4px;
+	display: inline-table;
+
+	/* AKA the listing title */
+	h3 {
+		margin-top: 0px;
+		color: #F0AD4E;
+		font-weight: bold;
+	}
+
+	h3:hover {
+		color: #D09D3E;
+	}
+
+	.things {
+		padding: 0px 10px;
+	}
+
+	p {
+		margin: 0;
+	}
+	div.row {
+		margin-left: 2%;
+	}
+}
+
+// Limitation: Only one box can be expanded at a time
+.collapsible {
+	.collapsed { display: block; }
+	.expanded { display: none; }
+	&:target {
+		.collapsed { display: none; }
+		.expanded { display: block; }
+	}
+}
+
+.simple_captcha {
+	background-color: rgba(255, 255, 255, 0.7);
+	margin: 10px 0px;
+}
-- 
cgit v1.2.3