X-Git-Url: https://git.mdrn.pl/cas.git/blobdiff_plain/6e3dcb6d3a61a9dcd85dc5bf5e44c2d49a5a1cb3..3a5b7046f78122c77861a2cfce46fa3b5e248f8f:/src/cas/static/css/main.css?ds=sidebyside

diff --git a/src/cas/static/css/main.css b/src/cas/static/css/main.css
index 134f3bf..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;
@@ -73,7 +72,6 @@ header {
     padding: 1em 0;
 }
 header img {
-    margin: 0 20px;
     vertical-align: middle;
 }
 footer, #content_push {
@@ -132,8 +130,41 @@ footer, #content_push {
 
 .menu img {
     box-shadow: 0 0 .2em black;
+    margin-bottom: 1em;
 }
 
 code.key {
-    word-wrap: break-word;
+    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%;
 }