Commit 859af0a2 authored by Thomas Zeitlhofer's avatar Thomas Zeitlhofer
Browse files

Commit 04: CSS-Test (Farben + Übersichtlichere Gestaltung; Padding funktioniert noch nicht)

parent 2705536d
...@@ -13,6 +13,13 @@ ...@@ -13,6 +13,13 @@
</a> </a>
</nav> </nav>
<body> <body>
<style>
.button {background-color: #4CAF50; /* Green */}
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */
.button4 {background-color: #e7e7e7; color: black;} /* Gray */
.button5 {background-color: #555555;} /* Black */
</style>
<div class = "container"> <div class = "container">
<div class = "row"> <div class = "row">
<div class = "col-5"> <div class = "col-5">
...@@ -24,7 +31,7 @@ ...@@ -24,7 +31,7 @@
<input type="text" id="variable2" class="form-control" name="multi2" value="Json/1.json" required> <input type="text" id="variable2" class="form-control" name="multi2" value="Json/1.json" required>
<label for="result1">ID for Result Matrix:</label> <label for="result1">ID for Result Matrix:</label>
<input type="text" id="result1" class="form-control" name="result1" value="Json/21.json" required> <input type="text" id="result1" class="form-control" name="result1" value="Json/21.json" required>
<button type="submit" class="btn btn-success"> <button type="submit" class="btn button">
Multiply matrix by ID Multiply matrix by ID
</button> </button>
</form> </form>
...@@ -33,7 +40,7 @@ ...@@ -33,7 +40,7 @@
<h3>Generate a Matrix</h3> <h3>Generate a Matrix</h3>
<form action="/cgi-bin/generate.cgi" method="post"> <form action="/cgi-bin/generate.cgi" method="post">
<input type="text" class="form-control" name="dimension" value="1000" required> <input type="text" class="form-control" name="dimension" value="1000" required>
<button type="submit" class="btn btn-primary"> <button type="submit" class="btn button2">
generate matrix generate matrix
</button> </button>
</form> </form>
...@@ -41,7 +48,7 @@ ...@@ -41,7 +48,7 @@
<div class = "col-5"> <div class = "col-5">
<h3>Show Matrix</h3> <h3>Show Matrix</h3>
<form action="/cgi-bin/show.cgi" method="get"> <form action="/cgi-bin/show.cgi" method="get">
<button type="submit" class="btn btn-primary"> <button type="submit" class="btn button3">
render matrix render matrix
</button> </button>
</form> </form>
...@@ -49,7 +56,7 @@ ...@@ -49,7 +56,7 @@
<div class = "col-5"> <div class = "col-5">
<h3>Delete Matrix</h3> <h3>Delete Matrix</h3>
<form action="/cgi-bin/delete.cgi" method="get" color="red"> <form action="/cgi-bin/delete.cgi" method="get" color="red">
<button type="submit" class="btn btn-primary"> <button type="submit" class="btn button4">
delete matrix delete matrix
</button> </button>
</form> </form>
...@@ -58,7 +65,7 @@ ...@@ -58,7 +65,7 @@
<h3>List all Matrices</h3> <h3>List all Matrices</h3>
<form action="/cgi-bin/list.cgi" method="get"> <form action="/cgi-bin/list.cgi" method="get">
<!-- <input type="text" class="form-control" name="dimension" value="1000" required>--> <!-- <input type="text" class="form-control" name="dimension" value="1000" required>-->
<button type="submit" class="btn btn-success"> <button type="submit" class="btn button5">
list matrices list matrices
</button> </button>
</form> </form>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment