github.com/aychain/blockbook@v0.1.1-0.20181121092459-6d1fc7e07c5b/static/css/main.css (about)

     1  html, body {
     2      height: 100%;
     3  }
     4  
     5  body {
     6      width: 100%;
     7      min-height: 100%;
     8      background-color: #ffffff;
     9      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
    10      font-size: 11px;
    11  }
    12  
    13  a {
    14      color: #428bca;
    15      text-decoration: none;
    16  }
    17  
    18  h1 small {
    19      font-size: 65%;
    20  }
    21  
    22  h3 {
    23      margin-top: 20px;
    24  }
    25  
    26  .octicon {
    27      color: #777;
    28      display: inline-block;
    29      vertical-align: text-top;
    30      fill: currentColor;
    31      height: 16px;
    32  }
    33  
    34  .navbar-form {
    35      padding-bottom: 1px;
    36  }
    37  
    38  .navbar-form .form-control {
    39      background-color: gray;
    40      color: #fff;
    41      border-radius: 3px;
    42      -webkit-border-radius: 3px;
    43      -moz-border-radius: 3px;
    44      border: 0;
    45      -webkit-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .41), inset 1px 1px 3px 0 rgba(0, 0, 0, .10);
    46      -moz-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .41), inset 1px 1px 3px 0 rgba(0, 0, 0, .10);
    47      box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .41), inset 1px 1px 3px 0 rgba(0, 0, 0, .10);
    48  }
    49  
    50  @media (min-width: 768px) {
    51      .container {
    52          max-width: 750px;
    53      }
    54  }
    55  
    56  @media (min-width: 992px) {
    57      body {
    58          font-size: 12px;
    59      }
    60      .container {
    61          max-width: 970px;
    62      }
    63      .octicon {
    64          height: 24px;
    65      }
    66      .navbar-form .form-control {
    67          width: 230px;
    68      }
    69  }
    70  
    71  @media (min-width: 1200px) {
    72      body {
    73          font-size: 14px;
    74      }
    75      .container {
    76          max-width: 1170px;
    77      }
    78      .octicon {
    79          height: 32px;
    80      }
    81      .navbar-form .form-control {
    82          width: 360px;
    83      }
    84  }
    85  
    86  #header {
    87      position: absolute;
    88      top: 0;
    89      left: 0;
    90      height: 53px;
    91      width: 100%;
    92      margin: 0;
    93      padding-bottom: 0;
    94      padding-top: 0;
    95      background-color: #212121;
    96      border: 0;
    97  }
    98  
    99  .bg-trezor {
   100      background-color: #212121!important;
   101      height: 53px;
   102  }
   103  
   104  .bg-trezor .navbar-text {
   105      color: rgba(255, 255, 255);
   106      font-weight: bold;
   107      font-size: 19px;
   108  }
   109  
   110  .trezor-logo-svg-white svg {
   111      fill: #FFFFFF;
   112      margin-top: 6px;
   113  }
   114  
   115  #wrap {
   116      min-height: 100%;
   117      height: auto;
   118      padding: 75px 0;
   119      margin: 0 auto -53px;
   120  }
   121  
   122  #footer {
   123      background-color: #212121;
   124      color: #fff;
   125      height: 53px;
   126      overflow: hidden;
   127  }
   128  
   129  .alert-data {
   130      color: #383d41;
   131      background-color: #f4f4f4;
   132      border-color: #d6d8db;
   133      padding: 15px;
   134  }
   135  
   136  .line-top {
   137      border-top: 1px solid #EAEAEA;
   138      padding: 10px 0 0;
   139  }
   140  
   141  .line-mid {
   142      padding: 15px;
   143  }
   144  
   145  .line-bot {
   146      border-bottom: 2px solid #EAEAEA;
   147      padding: 0 0 15px;
   148  }
   149  
   150  .txvalues {
   151      display: inline-block;
   152      padding: .7em 2em;
   153      font-size: 13px;
   154      font-weight: 100;
   155      color: #fff;
   156      text-align: center;
   157      white-space: nowrap;
   158      vertical-align: baseline;
   159      border-radius: .25em;
   160      margin-top: 5px;
   161  }
   162  
   163  .txvalues:not(:last-child) {
   164      margin-right: 5px;
   165  }
   166  
   167  .txvalues-default {
   168      background-color: #EBEBEB;
   169      color: #333;
   170  }
   171  
   172  .txvalues-success {
   173      background-color: dimgray;
   174  }
   175  
   176  .txvalues-primary {
   177      background-color: #000;
   178  }
   179  
   180  .txvalues-danger {
   181      background-color: #AC0015;
   182      text-transform: uppercase;
   183  }
   184  
   185  .ellipsis {
   186      overflow: hidden;
   187      text-overflow: ellipsis;
   188      white-space: nowrap;
   189  }
   190  
   191  .data-div {
   192      margin: 20px 0 30px 0;
   193  }
   194  
   195  .data-div .col-md-10 {
   196      padding-left: 0;
   197  }
   198  
   199  .data-table {
   200      table-layout: fixed;
   201      border-radius: .25rem;
   202      background: white;
   203  }
   204  
   205  .data-table td, .data-table th {
   206      padding: .4rem;
   207  }
   208  
   209  .data-table span.ellipsis {
   210      max-width: 100%;
   211  }
   212  
   213  .data {
   214      font-weight: bold;
   215  }
   216  
   217  .alert .data-table {
   218      margin: 0;
   219  }
   220  
   221  .navbar-nav .nav-link {
   222      padding-right: 0;
   223      padding-left: .25rem;
   224  }
   225  
   226  .navbar-text .nav-link {
   227      padding: 0;
   228  }
   229  
   230  ::-webkit-input-placeholder {
   231      color: #CCC!important;
   232      font-style: italic;
   233      font-size: 14px;
   234  }
   235  
   236  ::-moz-placeholder {
   237      color: #CCC!important;
   238      font-style: italic;
   239      font-size: 14px;
   240  }
   241  
   242  .h-container {
   243      display: -webkit-box;
   244      display: -ms-flexbox;
   245      -ms-flex-wrap: wrap;
   246      flex-wrap: wrap;
   247  }
   248  
   249  .h-container-6 {
   250      width: 50%;
   251      margin: 0;
   252  }
   253  
   254  .h-container ul {
   255      margin: 0;
   256  }
   257  
   258  .page-link {
   259      color: #428bca;
   260  }
   261  
   262  .page-text {
   263      display: block;
   264      padding: .5rem .3rem;
   265      line-height: 1.25;
   266  }
   267  
   268  .page-link {
   269      color: #428bca;
   270  }
   271  
   272  .page-item.active .page-link {
   273      background-color: #428bca;
   274  }
   275  
   276  #txSpecific {
   277      margin: 0;
   278  }
   279  
   280  .string {
   281      color: darkgreen;
   282  }
   283  
   284  .number, .boolean {
   285      color: darkred;
   286  }
   287  
   288  .null {
   289      color: red;
   290  }
   291  
   292  .key {
   293      color: #333 ;
   294  }