LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

  
  • CSS
    html {
      height: 100%;
      font-family: sans-serif;
      padding: 0px;
      margin: 0px;
    }
    body {
      height: 100%;
      overflow: hidden;
      margin: 0px;
      display: flex;
      padding-left: 0px;
    }
    .column {
      height: 100%;
      display: flex;
      flex-direction: column;
      padding-left: 0px;
      margin: 0px;
    }
    #left {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 40%;
      background-color: white;
      padding: 0px;
      margin: 0px;
    }
    
    #right {
      background-color: #f3f3f3;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 60%;
      flex: 1;
    }
    .top-left {
      flex-shrink: 0;
      background-color: #333;
      color: white;
      padding: 20px;
    }
    .top-right {
      display: inline-flex;
      flex-shrink: 0;
      background-color: #333;
      color: white;
      padding: 20px;
    }
    .bottom {
      flex-grow: 1;
      overflow-y: auto;
      padding: 0px;
      margin: 0px;
    }
    ul {
      display: inline-flex;
      list-style: none;
      padding: 0px;
      margin: 0px;
    }
    li {
      display: flex;
      padding: 0px;
      margin: 0px;
    }
    
    img {
      min-width: 450px;
      width: 100%;
      padding: 0px;
      margin: 0px;
    }
    
    #map_canvas {
      flex: 2;
    }
    
    JS
    $(window)
      .resize(function() {
        var h = $(window).height(),
          offsetTop = 40; // Calculate the top offset
    
        $("#map-canvas").css("height", h - offsetTop);
      })
      .resize();
    Term
    Wed, 12/27/2017 - 07:01

    Related Codes

    Pen ID
    Pen ID
    Pen ID
    Square Adv