addons/pos_restaurant/static/src/css/restaurant.css

   1 /* --- Restaurant Specific CSS --- */
   2
   3 .screen .screen-content-flexbox {
   4     margin:     0px auto;
   5     max-width:  1024px;
   6     text-align: left;
   7     height:     100%;
   8     overflow:   hidden;
   9     position:   relative;
  10     display:    flex;
  11     flex-flow:  column nowrap;
  12 }
  13
  14 /* ------ FLOOR SELECTOR ------- */
  15
  16 .floor-selector {
  17     line-height: 48px;
  18     font-size: 18px;
  19     border-bottom: solid 1px rgb(196,196,196);
  20     display: flex;
  21     text-align: center;
  22     width: 100%;
  23 }
  24 .floor-selector .button {
  25     cursor: pointer;
  26     border-left: dashed 1px rgb(196,196,196);
  27     flex: 1;
  28 }
  29 .floor-selector .button:first-child {
  30     border-left: none;
  31 }
  32 .floor-selector .button.active {
  33     background: rgb(210, 231, 210);
  34 }
  35
  36 /* ------ FLOOR MAP ------- */
  37
  38 .floor-map {
  39     flex: 1;
  40     position: relative;
  41     width: auto;
  42     margin: 8px;
  43     border-radius: 3px;
  44     background: rgba(0,0,0,0.1);
  45 }
  46 .floor-map .table{
  47     position: absolute;
  48     text-align: center;
  49     font-size: 18px;
  50     color: white;
  51     background: rgb(53, 211, 116);
  52     border-radius: 3px;
  53     cursor: pointer;
  54 }
  55
  56