Vorbereitung Release 0.2.0

kontor-angular/src/styles.css

@@ -0,0 +1,95 @@
+/* You can add global styles to this file, and also import other style files */
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: Arial;
+  padding: 0px;
+  background: lightgrey;
+}
+
+/* Style the top navigation bar */
+.topnav {
+  overflow: hidden;
+  background-color: darkgrey;
+}
+
+/* Style the topnav links */
+.topnav a {
+  float: left;
+  display: block;
+  color: #f2f2f2;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+/* Change color on hover */
+.topnav a:hover {
+  background-color: #ddd;
+  color: black;
+}
+
+.topnav :last-child {
+  float: right;
+  margin-left: auto;
+  margin-right: 16px;
+}
+
+.subnav {
+  overflow: hidden;
+  background-color: grey;
+}
+
+.subnav a {
+  float: left;
+  display: block;
+  color: #f2f2f2;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+a {
+  display: inline-block;
+  color: white;
+  background-color: dodgerblue;
+  text-align: center;
+  padding: 10px;
+  text-decoration: none;
+  border-radius: 10px;
+  margin-left: 20px;
+}
+
+/* Change the color of links on mouse-over */
+a:hover {
+  background-color: royalblue;
+  color: white;
+}
+
+/* Add a color to the active/current link */
+a.active {
+  background-color: royalblue;
+  color: white;
+}
+
+.grid-container {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-gap: 20px;
+}
+
+section {
+    margin-left: 10px;
+    padding: 10px;
+    background-color: darkgrey;
+    border-radius: 10px;
+    margin-bottom: 10px;
+}
+
+article {
+    margin-left: 10px;
+    padding: 5px;
+}
+