[#246] [add] impl

Author: i4004

src/SampleApps/SampleApp.Classic/Styles/Footer.scss

@@ -0,0 +1,10 @@
+@import "Variables";
+
+.ExecutionTimeFooter {
+	position: block;
+
+	border-top: $primary-border;
+	text-align: center;
+	margin-top: 1em;
+	padding-top: 0.3em;
+}

src/SampleApps/SampleApp.Classic/Styles/Forms.scss

@@ -1,5 +1,52 @@
 @import "Variables";
 
+.form-horizontal {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.form-group {
+	margin-right: -15px;
+	margin-left: -15px;
+	margin-bottom: 15px;
+}
+
+.form-control {
+	display: block;
+	width: 100%;
+	// height: 34px;
+	padding: 6px 12px;
+	font-size: 14px;
+	line-height: 1.42857143;
+	color: #555;
+	background-color: #fff;
+	background-image: none;
+	border: 1px solid #ccc;
+	border-radius: 4px;
+	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+	transition:
+		border-color ease-in-out 0.15s,
+		box-shadow ease-in-out 0.15s;
+	transition:
+		border-color ease-in-out 0.15s,
+		box-shadow ease-in-out 0.15s;
+}
+
+.form-control:focus {
+	border-color: #66afe9;
+	outline: 0;
+	box-shadow:
+		inset 0 1px 1px rgba(0, 0, 0, 0.075),
+		0 0 8px rgba(102, 175, 233, 0.6);
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+	margin: 4px 0 0;
+	margin-top: 1px\9;
+	line-height: normal;
+}
+
 textarea,
 input[type="text"],
 input[type="password"],
@@ -50,17 +97,23 @@ input[type="color"]:focus,
 }
 
 .btn {
+	padding: 6px 12px;
+
 	background: $primary-color;
 	color: $primary-color-opposite;
 	border-color: $button-border;
-	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
+	box-shadow:
+		0px 1px 0px rgba(255, 255, 255, 0.2) inset,
+		0px 1px 2px rgba(0, 0, 0, 0.05);
 }
 
 .btn:hover {
 	background-color: $primary-color-active;
 	border-color: $button-border;
 	transition: background-position 0.2s linear 0s;
 	color: $primary-color-opposite;
+
+	cursor: pointer;
 }
 
 .btn:active,
@@ -79,4 +132,4 @@ input[type="checkbox"] {
 
 label {
 	font-weight: normal !important;
-}
+}

src/SampleApps/SampleApp.Classic/Styles/Main.min.css

@@ -1,4 +1,5 @@
 @import "Header";
+@import "Footer";
 @import "Navbar";
 @import "Forms";
 @import "Panels";
@@ -21,20 +22,6 @@ body {
 	padding: 0 !important;
 }
 
-.ExecutionTimeFooter {
-	position: block;
-
-	border-top: $primary-border;
-	text-align: center;
-	margin-top: 1em;
-	padding-top: 0.3em;
-}
-
-div.Http404MessageBox {
-	color: $primary-color-colorized-text;
-	padding: 4em 2em;
-}
-
 a {
 	color: $primary-color;
 	text-decoration: none;
@@ -47,3 +34,17 @@ a:hover {
 .text-center {
 	text-align: center;
 }
+
+h3 {
+	margin-top: 20px;
+	margin-bottom: 10px;
+
+	font-weight: 500;
+	font-size: 24px;
+	line-height: 1.1;
+}
+
+ul {
+	margin-top: 0;
+	margin-bottom: 10px;
+}

src/SampleApps/SampleApp.Classic/Styles/Main.scss

@@ -14,3 +14,8 @@ div.inline-error-message-box {
 	@extend .inline-message-box;
 	color: #ff4753;
 }
+
+div.Http404MessageBox {
+	color: $primary-color;
+	padding: 4em 2em;
+}

src/SampleApps/SampleApp.Classic/Styles/MessageBox.scss

@@ -33,3 +33,11 @@
 	background-color: $secondary-color;
 	border: $primary-border;
 }
+
+.container {
+	margin-left: auto;
+	margin-right: auto;
+	padding-left: 15px;
+	padding-right: 15px;
+	// width: 750px;
+}

src/SampleApps/SampleApp.Classic/Styles/Panels.scss

@@ -8,12 +8,10 @@ $primary-color-opposite: white;
 $primary-text-color: #dad8d8;
 $primary-color-text-hover: #c5562e;
 
-$primary-color-colorized-text: #0d85c9;
-
 $primary-border: 1px solid #3a3a3a;
 $primary-active-border: 1px solid #636363;
 
 $secondary-color: #292929;
 
 $no-box-shadow: 0 0;
-$button-border: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #3a3a3a;
+$button-border: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #3a3a3a;