about screen mockup; TODO: text&design -> Loni&Saša

1 files changed, 33 insertions, 0 deletions

diff --git a/css/codeq.css b/css/codeq.css
index 9d056c7..e82cf85 100644
--- a/css/codeq.css
+++ b/css/codeq.css
@@ -46,6 +46,39 @@ body {
     cursor: pointer;
 }
 
+/* screen about*/
+
+.about-logos {
+    text-align: center;
+    height: 6em;
+    margin: 1em 0 1em 0;
+}
+
+.about-logos div {
+    height: 100%; /* set on element if more logos in line */
+    display: inline-block;
+    position: relative;
+}
+
+.about-logos div img {
+    max-height: 100%;
+    max-width: 100%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    -webkit-transform:translate(-50%,-50%);
+    position: absolute;
+}
+
+div.vertical-line{
+    height: 100%;
+    width: 0px;
+    border: 0;
+    border-left: 1px solid #eee;
+    margin: 0 1% 0 1%;
+}
+
+
 /* screen problems*/
 .block {
     /*border-right: 1px solid #e5e5e5;