deployment stuff

[cas.git] / 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 (file)
--- a/src/cas/static/css/main.css
+++ b/src/cas/static/css/main.css
@@ -4,7 +4,6 @@
 
 .enclose {
     height: 450px;
 
 .enclose {
     height: 450px;

-    background: url("../brackets.png") no-repeat 50% 0;

     margin: 1em 0;
     background-size: auto 450px;
     display: flex;
     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%;
 }
     display: block;
     width: 100%;
 }


@@ -73,7 +72,6 @@ header {
     padding: 1em 0;
 }
 header img {
     padding: 1em 0;
 }
 header img {

-    margin: 0 20px;

     vertical-align: middle;
 }
 footer, #content_push {
     vertical-align: middle;
 }
 footer, #content_push {


@@ -132,4 +130,41 @@ footer, #content_push {
 
 .menu img {
     box-shadow: 0 0 .2em black;
 
 .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%;

 }
 }