Viewer to Server

Server/wwwroot/styles/Site.css

@@ -0,0 +1,134 @@
+body {
+  padding-top: 50px;
+  padding-bottom: 20px;
+  background-color: #fafafa;
+}
+
+/* Set padding to keep content from hitting the edges */
+.body-content {
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+/* Set width on the form input elements since they're 100% wide by default */
+input,
+select,
+textarea {
+  max-width: 280px;
+}
+
+div.modal-content-error {
+  background-color: #9e2525;
+  color: #ffffff;
+}
+
+div.modal-content-success {
+  background-color: #e5fbe5;
+  color: #000000;
+}
+
+div.modal-content-info {
+  background-color: #5bc0de;
+  color: #000000;
+}
+
+div.modal-content-warning {
+  background-color: yellow;
+  color: #000000;
+}
+
+.changes-highlight {
+  background-color: yellow;
+}
+
+.k-alt .changes-highlight {
+  background-color: #f0f050;
+}
+
+.button-highlight {
+  background-color: yellow !important;
+}
+
+.history-deleted {
+  background-color: #ffdddd;
+}
+
+.k-alt.history-deleted {
+  background-color: #eecccc !important;
+}
+
+.error-highlight {
+  color: red;
+  font-weight: bold;
+}
+
+.checkbox-container {
+  max-height: 200px;
+  overflow: auto;
+}
+
+.test-database {
+  background-color: red !important;
+}
+
+.prod-database {
+  background-color: #478f7c !important;
+}
+
+.test-database .navbar-brand,
+.test-database .navbar-text,
+.test-database .navbar-nav > li > a {
+  color: white;
+}
+
+.test-database .navbar-nav > li > a:hover,
+.test-database .navbar-nav > li > a:focus {
+  color: black !important;
+}
+
+.test-database-text {
+  font-weight: bold;
+  font-size: 20px;
+  line-height: 20px;
+}
+
+.navbar {
+  border-bottom-color: black;
+  background-color: white;
+}
+
+.navbar-nav > li > a {
+  font-weight: bold;
+}
+
+.icon-bar {
+  background-color: black;
+}
+
+@media screen and (min-width: 1024px) {
+  .modal-dialog {
+    right: auto;
+    left: 50%;
+    width: 768px;
+    padding-top: 30px;
+    padding-bottom: 30px;
+  }
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  }
+}
+
+@media screen and (min-width: 1368px) {
+  .modal-dialog {
+    right: auto;
+    left: 50%;
+    width: 1280px;
+    padding-top: 30px;
+    padding-bottom: 30px;
+  }
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  }
+}