github.com/dawnbass68/maddcash@v0.0.0-20201001105353-c91c12cb36e5/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      width: 100%;
    91      margin: 0;
    92      padding-bottom: 0;
    93      padding-top: 0;
    94      background-color: #212121;
    95      border: 0;
    96  }
    97  
    98  .bg-trezor {
    99      background-color: #212121!important;
   100      padding-top: 3px;
   101      padding-bottom: 2px;
   102      z-index: 2;
   103  }
   104  
   105  .bg-trezor .navbar-brand {
   106      color: rgba(255, 255, 255);
   107      font-weight: bold;
   108      font-size: 19px;
   109      fill: #FFFFFF;
   110  }
   111  
   112  @media (max-width: 768px) {
   113      .navbar {
   114          font-size: 14px;
   115      }
   116      .bg-trezor .navbar-brand {
   117          font-weight: normal;
   118          font-size: 14px;
   119      }
   120  }
   121  
   122  #wrap {
   123      min-height: 100%;
   124      height: auto;
   125      padding: 75px 0;
   126      margin: 0 auto -42px;
   127  }
   128  
   129  #footer {
   130      background-color: #212121;
   131      color: #fff;
   132      height: 42px;
   133      overflow: hidden;
   134  }
   135  
   136  .alert-data {
   137      color: #383d41;
   138      background-color: #f4f4f4;
   139      border-color: #d6d8db;
   140      padding: 15px;
   141  }
   142  
   143  .line-top {
   144      border-top: 1px solid #EAEAEA;
   145      padding: 10px 0 0;
   146  }
   147  
   148  .line-mid {
   149      padding: 15px;
   150  }
   151  
   152  .line-bot {
   153      border-bottom: 2px solid #EAEAEA;
   154      padding: 0 0 15px;
   155  }
   156  
   157  .txvalues {
   158      display: inline-block;
   159      padding: .7em 2em;
   160      font-size: 13px;
   161      font-weight: 100;
   162      color: #fff;
   163      text-align: center;
   164      white-space: nowrap;
   165      vertical-align: baseline;
   166      border-radius: .25em;
   167      margin-top: 5px;
   168  }
   169  
   170  .txvalues:not(:last-child) {
   171      margin-right: 5px;
   172  }
   173  
   174  .txvalues-default {
   175      background-color: #EBEBEB;
   176      color: #333;
   177  }
   178  
   179  .txvalues-success {
   180      background-color: dimgray;
   181  }
   182  
   183  .txvalues-primary {
   184      background-color: #000;
   185  }
   186  
   187  .txvalues-danger {
   188      background-color: #AC0015;
   189      text-transform: uppercase;
   190  }
   191  
   192  .tx-own {
   193      background-color: #fbf8f0;
   194  }
   195  
   196  .tx-amt {
   197      float: right!important;
   198  }
   199  
   200  .tx-in .tx-own .tx-amt {
   201      color: #dc3545!important;
   202  }
   203  
   204  .tx-out .tx-own .tx-amt {
   205      color: #28a745!important;
   206  }
   207  
   208  .tx-addr {
   209      float: left!important;
   210  }
   211  
   212  .ellipsis {
   213      overflow: hidden;
   214      text-overflow: ellipsis;
   215      white-space: nowrap;
   216  }
   217  
   218  .data-div {
   219      margin: 20px 0 30px 0;
   220  }
   221  
   222  .data-div .col-md-10 {
   223      padding-left: 0;
   224  }
   225  
   226  .data-table {
   227      table-layout: fixed;
   228      border-radius: .25rem;
   229      background: white;
   230  }
   231  
   232  .data-table td, .data-table th {
   233      padding: .4rem;
   234  }
   235  
   236  .data-table span.ellipsis {
   237      max-width: 100%;
   238  }
   239  
   240  .data {
   241      font-weight: bold;
   242  }
   243  
   244  table.data-table table.data-table th {
   245      border-top: 0;
   246      font-weight: normal;
   247  }
   248  
   249  .alert .data-table {
   250      margin: 0;
   251  }
   252  
   253  ::-webkit-input-placeholder {
   254      color: #CCC!important;
   255      font-style: italic;
   256      font-size: 14px;
   257  }
   258  
   259  ::-moz-placeholder {
   260      color: #CCC!important;
   261      font-style: italic;
   262      font-size: 14px;
   263  }
   264  
   265  .h-container ul, .h-container h3 {
   266      margin: 0;
   267  }
   268  
   269  .h-container h5 {
   270      margin-top: 6px;
   271      margin-bottom: 0;
   272  }
   273  
   274  .page-link {
   275      color: #428bca;
   276  }
   277  
   278  .page-text {
   279      display: block;
   280      padding: .5rem .3rem;
   281      line-height: 1.25;
   282  }
   283  
   284  .page-link {
   285      color: #428bca;
   286  }
   287  
   288  .page-item.active .page-link {
   289      background-color: #428bca;
   290  }
   291  
   292  #txSpecific {
   293      margin: 0;
   294  }
   295  
   296  .string {
   297      color: darkgreen;
   298  }
   299  
   300  .number, .boolean {
   301      color: darkred;
   302  }
   303  
   304  .null {
   305      color: red;
   306  }
   307  
   308  .key {
   309      color: #333;
   310  }