go-micro.dev/v5@v5.12.0/cmd/micro/web/styles.css (about)

     1  body {
     2    background: #fff;
     3    color: #111;
     4    font-family: 'Inter', 'Segoe UI', 'Arial', 'Helvetica Neue', Arial, sans-serif;
     5    font-size: 15px;
     6    margin: 0;
     7    padding: 0;
     8    line-height: 1.7;
     9  }
    10  
    11  header, nav, footer {
    12    background: #fff;
    13    color: #111;
    14    padding: 1.2em 2em 1.2em 2em;
    15    margin-bottom: 2em;
    16  }
    17  nav {
    18    margin: 20px;
    19    border-radius: 20px;
    20  
    21  }
    22  main {
    23    max-width: 1400px;
    24    margin: 0 auto;
    25    padding: 2em 1em 3em 1em;
    26    background: #fff;
    27    margin-left: 100px; /* leave space for sidebar */
    28    margin-right: 100px;
    29  }
    30  
    31  h1, h2, h3, h4, h5, h6 {
    32    color: #111;
    33    font-weight: 600;
    34    margin-top: 2em;
    35    margin-bottom: 0.5em;
    36    letter-spacing: -0.01em;
    37  }
    38  
    39  h1 {
    40    font-size: 2.2em;
    41    margin-top: 0;
    42  }
    43  
    44  h2 {
    45    font-size: 1.4em;
    46  }
    47  
    48  hr {
    49    border: none;
    50    border-top: 1px solid #222;
    51    margin: 2em 0;
    52  }
    53  
    54  a {
    55    color: #111;
    56    text-decoration: none;
    57    transition: background 0.2s;
    58  }
    59  a:hover {
    60    font-weight: bold;
    61  }
    62  
    63  ul, ol {
    64    margin: 1em 0 1em 2em;
    65    padding: 0;
    66  }
    67  
    68  li {
    69    margin-bottom: 0.5em;
    70  }
    71  
    72  pre, code {
    73    background: #f7f7f7;
    74    color: #111;
    75    font-family: inherit;
    76    font-size: 0.98em;
    77    border-radius: 5px;
    78    padding: 0.2em 0.4em;
    79  }
    80  
    81  pre {
    82    padding: 1em;
    83    overflow-x: auto;
    84    border-radius: 0;
    85    margin: 1.5em 0;
    86  }
    87  
    88  form {
    89    background: #fff;
    90    border: 1px solid #222;
    91    padding: 1.5em 1.5em 1em 1.5em;
    92    margin: 2em 0;
    93    border-radius: 10px;
    94    box-shadow: none;
    95  }
    96  
    97  input, select, textarea {
    98    background: #fff;
    99    color: #111;
   100    border: 1px solid #222;
   101    border-radius: 7px;
   102    font-size: 1em;
   103    padding: 0.5em 0.7em;
   104    margin-bottom: 1em;
   105    width: 100%;
   106    box-sizing: border-box;
   107    outline: none;
   108    transition: border 0.2s;
   109  }
   110  input:focus, select:focus, textarea:focus {
   111    border: 1.5px solid #111;
   112  }
   113  
   114  button, input[type="submit"], .button {
   115    background: #fff;
   116    color: #111;
   117    border: 1.5px solid #111;
   118    border-radius: 7px;
   119    font-size: 1em;
   120    padding: 0.5em 1.2em;
   121    margin: 0.5em 0.2em 0.5em 0;
   122    cursor: pointer;
   123    font-family: inherit;
   124    transition: background 0.2s, color 0.2s;
   125  }
   126  button:hover, input[type="submit"]:hover, .button:hover {
   127    background: #111;
   128    color: #fff;
   129  }
   130  
   131  .table, table {
   132    width: 100%;
   133    border-collapse: collapse;
   134    background: #fff;
   135    margin: 2em 0;
   136  }
   137  table th, table td {
   138    border: none;
   139    padding: 0.7em 1em;
   140    text-align: left;
   141  }
   142  table th {
   143    background: #f7f7f7;
   144    color: #111;
   145    font-weight: 600;
   146  }
   147  table tr:nth-child(even) {
   148    background: #f7f7f7;
   149  }
   150  
   151  .no-bullets {
   152    list-style: none;
   153    margin: 0;
   154    padding: 0;
   155  }
   156  
   157  .copy-btn {
   158    background: #fff;
   159    color: #111;
   160    border: 1px solid #222;
   161    border-radius: 7px;
   162    font-size: 0.95em;
   163    padding: 0.2em 0.7em;
   164    margin-left: 0.5em;
   165    cursor: pointer;
   166    transition: background 0.2s, color 0.2s;
   167  }
   168  .copy-btn:hover {
   169    background: #111;
   170    color: #fff;
   171  }
   172  
   173  .alert, .error, .success {
   174    background: #fff;
   175    color: #111;
   176    border: 1px solid #222;
   177    padding: 1em 1.5em;
   178    margin: 2em 0;
   179    border-radius: 10px;
   180  }
   181  
   182  ::-webkit-scrollbar {
   183    width: 8px;
   184    background: #fff;
   185  }
   186  ::-webkit-scrollbar-thumb {
   187    background: #222;
   188  }
   189  
   190  @media (max-width: 800px) {
   191    main {
   192      max-width: 98vw;
   193      padding: 1em 0.2em 2em 0.2em;
   194      margin-left: 0;
   195    }
   196  }
   197  
   198  /* Inline/unstyled form for delete button */
   199  .form-inline, .form-plain {
   200    display: inline;
   201    background: none;
   202    border: none;
   203    padding: 0;
   204    margin: 0;
   205    box-shadow: none;
   206  }
   207  .form-inline input, .form-inline button, .form-plain input, .form-plain button {
   208    margin: 0;
   209    padding: 0.3em 1em;
   210    border-radius: 7px;
   211    font-size: 1em;
   212  }
   213  .delete-btn, .form-inline .delete-btn, .form-plain .delete-btn {
   214    background: #fff;
   215    color: #c00;
   216    border: 1.5px solid #c00;
   217    border-radius: 7px;
   218    font-size: 1em;
   219    padding: 0.3em 1em;
   220    margin: 0 0.2em;
   221    cursor: pointer;
   222    font-family: inherit;
   223    transition: background 0.2s, color 0.2s;
   224  }
   225  .delete-btn:hover {
   226    background: #c00;
   227    color: #fff;
   228  }
   229  
   230  #title {
   231    text-decoration: none;
   232  }
   233  .log-link:hover {
   234    font-weight: normal;
   235    text-decoration: underline;
   236  }