css/mock1.css

   1 body {
   2   font-family: Arial, Helvetica, sans-serif;
   3 }
   4 .navbar {
   5   width: 100%;
   6   height: 50px;
   7   background-color: white;
   8   position: fixed;
   9   left: 0;
  10   right: 0;
  11   top: 0;
  12   display: flex;
  13   flex-wrap: nowrap;
  14   justify-content: space-between;
  15   align-items: center;
  16   border-bottom: 1px solid #ccc;
  17   z-index: 100;
  18 }
  19 .nlogo {
  20   height: 40px;
  21 }
  22 .nlink {
  23   text-decoration: none;
  24   color: black;
  25 }
  26 .container {
  27   margin-top: 51px;
  28   width: 100%;
  29   margin-left: 0;
  30   margin-right: 0;
  31 }
  32 .jumbotron {
  33   background: rgba(75,235,74,.4);
  34   width: 100%;
  35 }
  36 .child {
  37   text-align: center;
  38 }
  39 .box-container {
  40   display: flex;
  41   flex-wrap: wrap;
  42   justify-content: space-around;
  43   align-items: center;
  44 }
  45 .box {
  46   text-align: center;
  47   text-decoration: none;
  48   color: black;
  49   margin-bottom: 5px;
  50   border: 1px solid #000;
  51   flex-basis: 30%;
  52   height: 120px;
  53   background-color: #fff;
  54 }
  55 .box:hover, .box:active {
  56   background-color: #eee;
  57 }
  58 .title {
  59   text-align: center;
  60 }
  61 .art {
  62
  63 }
  64 .art .container {
  65   border-bottom: 1px solid #eee;
  66 }
  67 .art:last-child {
  68   border-bottom: none;
  69 }
  70 h1.art {
  71
  72 }
  73 p.art {
  74
  75 }
  76 p.art .ingress {
  77
  78 }