github.com/cayleygraph/cayley@v0.7.7/static/css/grid.css (about)

     1  /*
     2  // Copyright 2014 The Cayley Authors. All rights reserved.
     3  //
     4  // Licensed under the Apache License, Version 2.0 (the "License");
     5  // you may not use this file except in compliance with the License.
     6  // You may obtain a copy of the License at
     7  //
     8  //     http://www.apache.org/licenses/LICENSE-2.0
     9  //
    10  // Unless required by applicable law or agreed to in writing, software
    11  // distributed under the License is distributed on an "AS IS" BASIS,
    12  // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    13  // See the License for the specific language governing permissions and
    14  // limitations under the License.
    15  */
    16  
    17  body {
    18    padding-top: 104px;  
    19    font-weight: 300;
    20    font-family: 'Open Sans', sans-serif;
    21  }
    22  .text-center {
    23    padding-top: 20px;
    24  }
    25  .col-xs-12 {
    26    background-color: #fff;
    27  }
    28  #sidebar {
    29    height: 100%;
    30    padding-right: 0;
    31    padding-top: 20px;
    32  }
    33  #sidebar .nav {
    34    width: 95%;
    35  }
    36  #sidebar li {
    37    border:0 #f2f2f2 solid;
    38    border-bottom-width:1px;
    39  }
    40  
    41  .navbar-color-back {
    42    background-color: #2c3e50;
    43    border-color: #2c3e50;
    44    padding-top: 20px;
    45    padding-left:20px;
    46  }
    47  .navbar-toggle .icon-bar {
    48    /*display:block;*/
    49    width:22px;
    50    height:2px;
    51    border-radius:1px;
    52    background-color: #ddd;
    53  }
    54  .navbar-toggle .icon-bar+.icon-bar {
    55    margin-top:4px;
    56  }
    57  
    58  #logo {
    59    width: 105px;
    60    height: 65px;
    61    float:left;
    62  }
    63  
    64  #logo-div h1 {
    65    float:left;
    66    font-weight: 300;
    67    font-family: 'Open Sans', sans-serif;
    68    padding-left: 15px;
    69    margin-top: 8.0px;
    70  }
    71  
    72  h2 {
    73    font-weight: 300;
    74    font-family: 'Open Sans', sans-serif;
    75  }
    76  
    77  .navbar {
    78    background-color: #ffffff;
    79    border-bottom: 1px solid rgba(0,0,0,0.2);
    80    padding-top: 10px;
    81    padding-bottom: 10px;
    82    padding-left 20px;
    83  }
    84  
    85  .bottompad {
    86    padding-bottom: 10px;
    87  }
    88  
    89  .button-row {
    90    padding-top: 10px;
    91    padding-bottom: 10px;
    92  }
    93  
    94  #alertBox {
    95    position: fixed;
    96    top: 0px;
    97    right: 0%;
    98    display: none;
    99    z-index: 2000;
   100  }
   101  
   102  .at-bottom {
   103    position: fixed;
   104    bottom: 0%;
   105  }
   106  
   107  
   108  /* collapsed sidebar styles */
   109  @media screen and (max-width: 767px) {
   110    .row-offcanvas {
   111      position: relative;
   112      -webkit-transition: all 0.25s ease-out;
   113      -moz-transition: all 0.25s ease-out;
   114      transition: all 0.25s ease-out;
   115    }
   116    .row-offcanvas-right
   117    .sidebar-offcanvas {
   118        right: -41.6%;
   119    }
   120  
   121    .row-offcanvas-left
   122    .sidebar-offcanvas {
   123      left: -41.6%;
   124    }
   125    .row-offcanvas-right.active {
   126      right: 41.6%;
   127    }
   128    .row-offcanvas-left.active {
   129      left: 41.6%;
   130    }
   131    .sidebar-offcanvas {
   132      position: absolute;
   133      top: 0;
   134      width: 41.6%;
   135    }
   136    #sidebar {
   137      background-color:#3b3b3b;
   138      padding-top:0;
   139    }
   140    #sidebar .nav>li {
   141      color: #ddd;
   142      background: linear-gradient(#3E3E3E, #383838);
   143      border-top: 1px solid #484848;
   144      border-bottom: 1px solid #2E2E2E;
   145    }
   146    #sidebar .nav>li:first-child {
   147      border-top:0;
   148    }
   149    #sidebar .nav>li>a {
   150      color: #ddd;
   151    }
   152    #sidebar .nav>li>a>img {
   153      max-width: 14px;
   154    }
   155    #sidebar .nav>li>a:hover, #sidebar .nav>li>a:focus {
   156      text-decoration: none;
   157      background: linear-gradient(#373737, #323232);
   158      color: #fff;  
   159    }
   160    #sidebar .nav .caret {
   161      border-top-color: #fff;
   162      border-bottom-color: #fff;
   163    }
   164    #sidebar .nav a:hover .caret{
   165      border-top-color: #fff;
   166      border-bottom-color: #fff;
   167    }
   168    .hide-small {
   169      display: none;
   170    }
   171  }
   172