Authentications and forms

app/assets/stylesheets/application.css.scss

@@ -22,4 +22,4 @@
 body {
   padding-top: 70px;
   padding-bottom: 30px;
-}
+}

app/assets/stylesheets/organism.css.scss

@@ -1,3 +1,95 @@
 // Place all the styles related to the organism controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
+
+// a,
+// a:focus,
+// a:hover {
+//   color: #fff;
+//   text-shadow: 0 1px 3px rgba(0,0,0,.5);
+//
+// }
+
+// /* Custom default button */
+// .btn-default,
+// .btn-default:hover,
+// .btn-default:focus {
+//   color: #333;
+//   text-shadow: none; /* Prevent inheritance from `body` */
+//   background-color: #fff;
+//   border: 1px solid #fff;
+// }
+
+
+/*
+ * Base structure
+ */
+
+// html,
+// body {
+//   height: 100%;
+//   background-color: #333;
+// }
+
+body {
+  background: url("Nature4.jpg") no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+}
+
+.form {
+    color: #fff;
+    font-size: 100%;
+    text-align: center;
+    -webkit-text-stroke: .5px black;
+    font-weight: bold;
+    padding: 30px;
+    margin-top: 50px;
+}
+
+h1 {
+    font-size: 350%;
+    // -webkit-text-stroke: 2px black;
+    color: #fff;
+    text-align: center;
+    // text-shadow: 0 1px 3px rgba(0,0,0,.5);
+}
+
+h3 {
+    font-size: 250%;
+    // -webkit-text-stroke: 2px black;
+    color: #000000;
+    text-align: center;
+    // text-shadow: 0 1px 3px rgba(0,0,0,.5);
+}
+
+p {
+    // color: #858181;
+    color: #fff;
+
+    text-align: center;
+}
+
+#links_on_org {
+    color: #fff;
+}
+
+label{
+    display: inline-block;
+    // clear: left;
+    width: 100px;
+    // text-align: center;
+}
+input {
+  display: inline-block;
+  // margin: 2px 0;
+  border: 1px solid #ccc;
+  // border-radius: 4px;
+}
+
+input[type=submit] {
+    color: #000000;
+    margin: 10px;
+}

app/assets/stylesheets/sessions.css.scss

@@ -1,3 +1,80 @@
 // Place all the styles related to the sessions controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
+// a,
+// a:focus,
+// a:hover {
+//   color: #fff;
+//   text-shadow: 0 1px 3px rgba(0,0,0,.5);
+//
+// }
+
+// /* Custom default button */
+// .btn-default,
+// .btn-default:hover,
+// .btn-default:focus {
+//   color: #333;
+//   text-shadow: none; /* Prevent inheritance from `body` */
+//   background-color: #fff;
+//   border: 1px solid #fff;
+// }
+
+
+/*
+ * Base structure
+ */
+
+// html,
+// body {
+//   height: 100%;
+//   background-color: #333;
+// }
+
+body {
+  background: url("Nature1.jpg") no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+}
+
+.form {
+    color: #fff;
+    font-size: 100%;
+    text-align: center;
+    -webkit-text-stroke: .5px black;
+}
+
+h1 {
+    font-size: 350%;
+    // -webkit-text-stroke: 2px black;
+    color: #fff;
+    text-align: center;
+    // text-shadow: 0 1px 3px rgba(0,0,0,.5);
+}
+
+p {
+    // color: #858181;
+    color: #000000;
+    text-align: center;
+}
+
+
+
+label{
+    display: inline-block;
+    // clear: left;
+    width: 100px;
+    // text-align: center;
+}
+input {
+  display: inline-block;
+  // margin: 2px 0;
+  border: 1px solid #ccc;
+  // border-radius: 4px;
+}
+
+input[type=submit] {
+    color: #000000;
+    margin: 10px;
+}

app/assets/stylesheets/user.css.scss

@@ -1,3 +1,133 @@
 // Place all the styles related to the user controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
+
+// Place all the styles related to the welcome controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+/*
+ * Globals
+ */
+
+/* Links */
+// a,
+// a:focus,
+// a:hover {
+//   color: #fff;
+//   text-shadow: 0 1px 3px rgba(0,0,0,.5);
+//   // -webkit-text-stroke: 1px black;
+//
+// }
+
+// /* Custom default button */
+// .btn-default,
+// .btn-default:hover,
+// .btn-default:focus {
+//   color: #333;
+//   text-shadow: none; /* Prevent inheritance from `body` */
+//   background-color: #fff;
+//   border: 1px solid #fff;
+// }
+
+
+/*
+ * Base structure
+ */
+
+// html,
+// body {
+//   height: 100%;
+//   background-color: #333;
+// }
+
+body {
+  background: url("Nature1.jpg") no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+}
+
+.form {
+    color: #fff;
+    font-size: 100%;
+    text-align: center;
+    -webkit-text-stroke: .5px black;
+}
+
+h1 {
+    font-size: 350%;
+    -webkit-text-stroke: 2px black;
+    color: #fff;
+    text-align: center;
+    text-shadow: 0 1px 3px rgba(0,0,0,.5);
+}
+
+p {
+    // color: #858181;
+    color: #000000;
+    text-align: center;
+}
+
+// a {
+//     color: #fff;
+//     text-shadow: 0 1px 3px rgba(0,0,0,.5);
+//     -webkit-text-stroke: 1px black;
+// }
+
+#links_on_directory {
+    color: #fff;
+        text-shadow: 0 1px 3px rgba(0,0,0,.5);
+        -webkit-text-stroke: 1px black;
+}
+
+label{
+    display: inline-block;
+    // clear: left;
+    width: 100px;
+    // text-align: center;
+}
+input {
+  display: inline-block;
+  margin: 2px 0;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+input[type=submit] {
+    color: #000000;
+}
+
+
+// body {
+//     -webkit-text-stroke: 1px black;
+//   color: #fff;
+//   text-align: center;
+//   text-shadow: 0 1px 3px rgba(0,0,0,.5);
+//   -webkit-text-stroke: 1px black
+// }
+
+
+/* Extra markup and styles for table-esque vertical and horizontal centering */
+// .site-wrapper {
+//   display: table;
+//   width: 100%;
+//   height: 100%; /* For at least Firefox */
+//   min-height: 100%;
+//   -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
+//           box-shadow: inset 0 0 100px rgba(0,0,0,.5);
+// }
+// .site-wrapper-inner {
+//   display: table-cell;
+//   vertical-align: top;
+// }
+// .cover-container {
+//   margin-right: auto;
+//   margin-left: auto;
+// }
+//
+// /* Padding for spacing */
+// .inner {
+//   padding: 30px;
+// }