github.com/bcampbell/scrapeomat@v0.0.0-20220820232205-23e64141c89e/cmd/slurpserver/static/style.css (about)

     1  /* BASE STYLING
     2   * use naming conventions from bootstrap where reasonable
     3   */
     4  
     5  html {
     6      /* our base size */
     7      font-size: 16px;
     8  }
     9  
    10  * { box-sizing: border-box;}
    11  
    12  body {
    13      line-height: 1.5;
    14      color: #444;
    15      margin: auto;
    16  /*    font-family: 'Source Sans Pro', sans-serif; */
    17  }
    18  
    19  pre {
    20  /*     font-family: 'Inconsolata'; */
    21  }
    22  
    23  
    24  h1,h2,h3,h4,h5,h6 {
    25      color: #222;
    26      margin: 0.5rem 0;
    27  }
    28  
    29  h1 { font-size:244%;}
    30  h2 { font-size:195%;}
    31  h3 { font-size:156%;}
    32  h4 { font-size:125%;}
    33  h5 {font-size:100%; }
    34  h6 {font-size:80%; }
    35  
    36  small, .small { font-size: 65%; }
    37  
    38  /* secondary headings */
    39  h1 small, h1 .small,
    40  h2 small, h2 .small,
    41  h3 small, h3 .small,
    42  h4 small, h4 .small,
    43  h5 small, h5 .small,
    44  h6 small, h6 .small {
    45      color: #888;
    46      font-weight: normal;
    47  }
    48  
    49  p {
    50      margin-bottom: 0.75rem;
    51  }
    52  
    53  
    54  a {
    55      text-decoration: none;
    56  }
    57  
    58  a:hover {
    59      text-decoration: underline;
    60  }
    61  
    62  img {
    63      margin: 0;
    64      padding: 0;
    65  }
    66  
    67  
    68  
    69  /* forms */
    70  
    71  label {
    72      font-weight: bold;
    73      /*display: block; */
    74  }
    75  
    76  .checkbox label {
    77    display: inline-block;
    78    font-weight: normal;
    79  }
    80  
    81  input[type="checkbox"] {
    82      margin-left: 0;
    83  }
    84  
    85  
    86  input,textarea {
    87      padding: 0.4em;
    88  }
    89  
    90  input,select { }
    91  
    92  
    93  /* form errors */
    94  .has-error input,
    95  .has-error select,
    96  .has-error textarea {
    97    border-color: #b94a48;
    98  }
    99  
   100  .has-error label,
   101  .has-error .help-block {
   102    color: #b94a48;
   103  }
   104  
   105  /* form misc */
   106  
   107  .form-group {
   108      display: block;
   109      margin-bottom: 0.5em;
   110  }
   111  
   112  .form-control {
   113      width: 100%;
   114  }
   115  
   116  .help-block {
   117      display: block;
   118      color: #888;
   119      margin-top: 0.2em;
   120      margin-bottom: 0.4em;
   121  }
   122  
   123  
   124  .inline-form input,select {}
   125  
   126  
   127  /* alerts */
   128  
   129  .alert {
   130    padding: 0.5rem;
   131    margin-bottom: 0.5rem;
   132    border: 1px solid transparent;
   133    border-radius: 4px;
   134  }
   135  
   136  .alert-danger {
   137    color: #b94a48;
   138    background-color: #f2dede;
   139    border-color: #ebccd1;
   140  }
   141  
   142  .alert-success {
   143    color: #468847;
   144    background-color: #dff0d8;
   145    border-color: #d6e9c6;
   146  }
   147  
   148  .alert-info {
   149    color: #3a87ad;
   150    background-color: #d9edf7;
   151    border-color: #bce8f1;
   152  }
   153  
   154  .alert-warning {
   155    color: #c09853;
   156    background-color: #fcf8e3;
   157    border-color: #faebcc;
   158  }
   159  
   160  
   161  /* buttons */
   162  
   163  .btn {
   164    display: inline-block;
   165    padding: 0.2em 0.5em;
   166    text-align: center;
   167    white-space: nowrap;
   168    vertical-align: middle;
   169    cursor: pointer;
   170    border: 1px solid transparent;
   171    border-radius: 4px;
   172  }
   173  
   174  .btn-default {
   175    background-color: transparent;
   176    border: 1px solid #888;
   177  }
   178  
   179  .btn-lg {
   180    font-size: 115%;
   181  }
   182  
   183  a.btn {
   184      color: #000;
   185  }
   186  
   187  a.btn:hover {
   188      background-color: #ccc;
   189      text-decoration: none;
   190  }
   191  
   192  a.btn:visited {
   193      color: #000;
   194  }
   195  
   196  
   197  /* tables */
   198  
   199  .table {
   200      border-collapse:collapse;
   201  }
   202  
   203  .table th, .table td {
   204      padding: 0.4rem;
   205  }
   206  
   207  .table th {
   208      text-align: left;
   209  }
   210  
   211  .table td {
   212      text-align: right;
   213  }
   214  
   215  .table thead tr {
   216      border-bottom: 2px solid #ddd;
   217  }
   218  .table tbody tr {
   219      border-bottom: 1px solid #ddd;
   220  }
   221  
   222  /* END BASE STYLING */
   223  
   224