github.com/matm/etcd@v0.3.1-0.20140328024009-5b4a473f1453/mod/dashboard/app/styles/browser.css (about)

     1  .etcd-container.etcd-browser {
     2    width: 100%;
     3    height: 500px;
     4  }
     5  
     6  .home-container .etcd-container.etcd-browser {
     7    height: 400px;
     8  }
     9  
    10  .etcd-container.etcd-browser .etcd-header {
    11    height: 37px;
    12  }
    13  
    14  .etcd-container.etcd-browser.etcd-preview-reveal .etcd-back {
    15    display: block;
    16  }
    17  
    18  .etcd-container.etcd-browser.etcd-preview-hide .etcd-back {
    19    display: block;
    20  }
    21  
    22  .etcd-container.etcd-browser.etcd-preview-reveal .etcd-add {
    23  }
    24  
    25  .etcd-container.etcd-browser.etcd-preview-hide .etcd-add {
    26  }
    27  
    28  .etcd-container.etcd-browser .etcd-header .etcd-browser-path {
    29    position: absolute;
    30    left: 72px;
    31    right: 0px;
    32    top: 0;
    33    margin: 6px 5px 6px 5px;
    34  }
    35  
    36  .etcd-container.etcd-browser .etcd-header .etcd-browser-path input {
    37    width: 100%;
    38    box-sizing: border-box;
    39      -moz-box-sizing: border-box;
    40      -webkit-box-sizing: border-box;
    41  }
    42  
    43  .etcd-container.etcd-browser .etcd-header .etcd-save {
    44    position: absolute;
    45    width: 54px;
    46    right: -55px;
    47    margin: 6px 0;
    48  }
    49  
    50  .etcd-container.etcd-browser.etcd-save-reveal .etcd-header .etcd-save {
    51    right: 7px;
    52  }
    53  
    54  .etcd-container.etcd-browser.etcd-save-reveal .etcd-header .etcd-browser-path {
    55    right: 62px;
    56  }
    57  
    58  .etcd-container.etcd-browser.etcd-save-hide .etcd-header .etcd-save {
    59    right: -55px;
    60  }
    61  
    62  .etcd-container.etcd-browser.etcd-save-hide .etcd-header .etcd-browser-path {
    63    right: 0px;
    64  }
    65  
    66  .etcd-container.etcd-browser .etcd-preview {
    67    position: absolute;
    68    left: 100%;
    69    min-height: 100%;
    70    overflow-y: auto;
    71    overflow-x: hidden;
    72    top: 0px;
    73    box-sizing: border-box;
    74    -moz-box-sizing: border-box;
    75    background-color: #fff;
    76    width: 100%;
    77    border-left: 1px solid #ddd;
    78  }
    79  
    80  .etcd-container.etcd-browser .etcd-preview pre, .etcd-container.etcd-browser .etcd-preview textarea {
    81    padding: 20px 20px 20px 20px;
    82    margin: 0px;
    83    font-family: Consolas, "Liberation Mono", Courier, monospace;
    84    height: 100%;
    85    width: 100%;
    86    white-space: pre-wrap;
    87    position: absolute;
    88    font-size: 13px;
    89    border: 1px;
    90    outline: none;
    91    box-sizing: border-box;
    92    -moz-box-sizing: border-box;
    93  }
    94  
    95  .etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview pre, .etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview textarea {
    96    display: block;
    97  }
    98  
    99  .etcd-container.etcd-browser .etcd-preview .etcd-empty {
   100    top: 0px;
   101    bottom: 0px;
   102    width: 100%;
   103    text-align: center;
   104    position: absolute;
   105  }
   106  
   107  .etcd-container.etcd-browser.etcd-preview-reveal .etcd-empty {
   108    display: none;
   109  }
   110  
   111  .etcd-container.etcd-browser .etcd-preview .etcd-empty-message {
   112    margin-top: 25%;
   113    color: #999;
   114  }
   115  
   116  /* Single Column Positioning */
   117  @media (max-width: 700px) {
   118    .etcd-container.etcd-browser .etcd-list {
   119      width: 100%;
   120    }
   121  
   122    .etcd-container.etcd-browser.etcd-preview-reveal .etcd-list {
   123      left: -100%;
   124      transition-property: all;
   125        transition-duration: 250ms;
   126        transition-timing-function: ease-in-out;
   127    }
   128  
   129    .etcd-container.etcd-browser.etcd-preview-hide .etcd-list {
   130      left: 0%;
   131      transition-property: all;
   132        transition-duration: 250ms;
   133        transition-timing-function: ease-in-out;
   134    }
   135  
   136    .etcd-container.etcd-browser .etcd-preview {
   137      left: 100%;
   138    }
   139  
   140    .etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview { left: -1px;
   141      transition-property: all;
   142        transition-duration: 250ms;
   143        transition-timing-function: ease-in-out;
   144    }
   145  
   146    .etcd-container.etcd-browser.etcd-preview-hide .etcd-preview {
   147      left: 100%;
   148      transition-property: all;
   149        transition-duration: 250ms;
   150        transition-timing-function: ease-in-out;
   151    }
   152  }
   153  
   154  
   155  /* Double Column Positioning */
   156  @media (min-width: 700px) {
   157    .etcd-container.etcd-browser .etcd-list {
   158        width: 50%;
   159    }
   160  
   161    .etcd-container.etcd-browser .etcd-preview {
   162      left: 50%;
   163      width: 50%;
   164    }
   165  
   166    .etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview {
   167      left: 50%; /* does nothing */
   168    }
   169  
   170    .etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview .etcd-empty {
   171      display: none;
   172    }
   173  
   174    .etcd-container.etcd-browser.etcd-preview-hide .etcd-preview {
   175      left: 50%; /* does nothing */
   176    }
   177  
   178    .etcd-container.etcd-browser.etcd-preview-hide .etcd-preview .etcd-empty {
   179      display: block;
   180    }
   181  
   182    .etcd-container.etcd-browser.etcd-preview-hide .etcd-preview pre, .etcd-container.etcd-browser.etcd-preview-hide .etcd-preview textarea {
   183      display: none;
   184    }
   185  }
   186