layout ng

src/scss/main.scss

@@ -104,8 +104,11 @@ a {
   margin: 0 auto;
   border-radius: 50%;
   overflow: hidden;
+  box-shadow: inset 0 0 6px 4px #fff;
 
   img {
+    position: relative;
+    z-index: -1;
     width: 100%;
     height: 100%;
   }
@@ -251,7 +254,7 @@ a {
     padding: .5rem 1rem;
     border-radius: 10px;
     transform: rotate(20deg);
-    box-shadow: -1px 8px 5px rgba(0, 0, 0, .7);
+    box-shadow: -1px 3px 5px rgba(255, 255, 255, .3);
   }
 
   .inner {
@@ -381,6 +384,16 @@ table.table {
 }
 
 .tab-card.ossrox {
+  position: relative;
+
+  .link {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+  }
+
   .title {
     background-color: #006269;
     color: #fff;
@@ -388,10 +401,6 @@ table.table {
     text-align: center;
   }
 
-  .card {
-
-  }
-
   img {
     max-width: 250px;
     max-height: 50px;
@@ -414,12 +423,20 @@ table.table {
     color: #000;
   }
 
+  a {
+    color: #555;
+
+    &:hover {
+      color: #333;
+    }
+  }
+
   .me-profile {
     border: 1px solid #000;
   }
 
   .nav {
-    background-color: #eee;
+    background-color: #bbb;
   }
 
   .menu {
@@ -427,4 +444,38 @@ table.table {
       color: #000;
     }
   }
-}
+
+  .card {
+    background-color: #ccc;
+    border: 1px solid #000;
+  }
+
+  .card-list {
+    .card:last-child {
+      border-bottom: 1px solid #000;
+    }
+  }
+
+  .service {
+    .beta {
+      box-shadow: -1px 3px 5px rgba(0, 0, 0, .3);
+    }
+  }
+
+  table.table {
+    background-color: #eee;
+
+    tr:nth-child(2n) {
+      background-color: #0000000b;
+    }
+  }
+
+  .tab-card .title {
+    border: 1px solid #000;
+    border-bottom: none;
+  }
+
+  .contact-links a {
+    color: #000 !important;
+  }
+}