X-Git-Url: https://git.mdrn.pl/cas.git/blobdiff_plain/3a65fcbfa423d5627e41c2f9e17c464d4a594087..03030c3704cee759f7111716874c6b8007a71329:/src/cas/static/css/main.css

diff --git a/src/cas/static/css/main.css b/src/cas/static/css/main.css
index be4aa1c..bb1515d 100644
--- a/src/cas/static/css/main.css
+++ b/src/cas/static/css/main.css
@@ -4,7 +4,6 @@
 
 .enclose {
     height: 450px;
-    background: url("../brackets.png") no-repeat 50% 0;
     margin: 1em 0;
     background-size: auto 450px;
     display: flex;
@@ -31,7 +30,7 @@ a:hover {
 }
 
 
-form label, form input, form button {
+label, input, button, textarea {
     display: block;
     width: 100%;
 }
@@ -73,7 +72,6 @@ header {
     padding: 1em 0;
 }
 header img {
-    margin: 0 20px;
     vertical-align: middle;
 }
 footer, #content_push {
@@ -132,4 +130,41 @@ footer, #content_push {
 
 .menu img {
     box-shadow: 0 0 .2em black;
+    margin-bottom: 1em;
+}
+
+code.key {
+    white-space: nowrap;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    color: #666;
+}
+
+
+.service-list {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+}
+a.service {
+    width: 130px;
+    height: 80px;
+    background: white;
+    box-shadow:  3px 3px 5px #aaa;
+    padding: 10px;
+    position: relative;
+    display: flex;
+    color: black;
+    align-items: center;
+    justify-content: center;
+}
+a.service:hover {
+    text-decoration: none;
+    background: orange;
+}
+.service-icon {
+    max-width: 100%;
+    max-height: 100%;
 }