github.com/glennzw/gophish@v0.8.1-0.20190824020715-24fe998a3aa0/static/css/dashboard.css (about)

     1  /*
     2   * Base structure
     3   */
     4  
     5  /* Move down content because we have a fixed navbar that is 50px tall */
     6  body {
     7    padding-top: 50px;
     8  }
     9  
    10  
    11  /*
    12   * Global add-ons
    13   */
    14  
    15  .sub-header {
    16    padding-bottom: 10px;
    17    border-bottom: 1px solid #eee;
    18  }
    19  
    20  
    21  /*
    22   * Sidebar
    23   */
    24  
    25  /* Hide for mobile, show later */
    26  .sidebar {
    27    display: none;
    28  }
    29  @media (min-width: 768px) {
    30    .sidebar {
    31      position: fixed;
    32      top: 51px;
    33      bottom: 0;
    34      left: 0;
    35      display: block;
    36      padding: 20px;
    37      overflow-x: hidden;
    38      overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    39      background-color: #f5f5f5;
    40      border-right: 1px solid #eee;
    41    }
    42  }
    43  
    44  /* Sidebar navigation */
    45  .nav-sidebar {
    46    margin-right: -21px; /* 20px padding + 1px border */
    47    margin-bottom: 20px;
    48    margin-left: -20px;
    49  }
    50  .nav-sidebar > li > a {
    51    padding-right: 20px;
    52    padding-left: 20px;
    53  }
    54  .nav-sidebar > .active > a {
    55    color: #fff;
    56    background-color: #283F50;
    57  }
    58  
    59  
    60  /*
    61   * Main content
    62   */
    63  
    64  .main {
    65    padding: 20px;
    66  }
    67  @media (min-width: 768px) {
    68    .main {
    69      padding-right: 40px;
    70      padding-left: 40px;
    71    }
    72  }
    73  .main .page-header {
    74    margin-top: 0;
    75  }
    76  
    77  
    78  /*
    79   * Placeholder dashboard ideas
    80   */
    81  
    82  .placeholders {
    83    margin-bottom: 30px;
    84    text-align: center;
    85  }
    86  .placeholders h4 {
    87    margin-bottom: 0;
    88  }
    89  .placeholder {
    90    margin-bottom: 20px;
    91  }
    92  .placeholder img {
    93    display: inline-block;
    94    border-radius: 50%;
    95  }