[Buildroot] [PATCH buildroot-test v2 2/3] web/stylesheet.css: add styling for the request page

Victor Huesca victor.huesca at bootlin.com
Mon Aug 19 09:00:37 UTC 2019


The style follows the existing visual aspect of the stats page.

Signed-off-by: Victor Huesca <victor.huesca at bootlin.com>
---
 web/stylesheet.css | 64 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/web/stylesheet.css b/web/stylesheet.css
index f2b5ac1..a81e12b 100644
--- a/web/stylesheet.css
+++ b/web/stylesheet.css
@@ -37,3 +37,67 @@ table tr.nok td {
 table tr.timeout td {
     background-color: #ffe79e;
 }
+
+
+
+/*****************/
+/*  request.php  */
+/*****************/
+
+form {
+	display: grid;
+	grid-template-columns: repeat(3, 1fr);
+	grid-column-gap: 4%;
+	margin: 20px auto;
+	width: 80%;
+}
+
+form input,
+form fieldset,
+form textarea {
+	border: 1px solid #00ccff;
+	box-shadow: 1px 1px 4px #cacada;
+	border-radius: 3px;
+	box-sizing: border-box;
+	margin: 0 auto 10px auto;
+}
+
+form input:focus,
+form fieldset:focus,
+form textarea:focus {
+	outline: none;
+	border: 1px solid #0088ff;
+}
+
+form input:not([type=radio]):not([type=button]):not([type=submit]) {
+	width: 100%;
+}
+
+form textarea {
+	min-width: 100%;
+	max-width: 100%;
+	height: 150px;
+}
+
+form fieldset {
+	margin-top: 10px;
+}
+
+form fieldset label {
+	margin-right: 5%;
+}
+
+form input[type=submit],
+form input[type=button] {
+	width: 90%;
+	margin: 10px auto;
+	padding: 8px 15px 8px 15px;
+	background: #00aaff;
+	color: #fff;
+	grid-column: 2;
+}
+
+form input[type=submit]:hover,
+form input[type=button]:hover {
+	background: #0088ff;
+}
-- 
2.21.0




More information about the buildroot mailing list