github.com/fragmenta/fragmenta-cms@v1.5.5/src/app/assets/styles/admin.css (about)

     1  /*  FORMS */
     2  
     3  input {
     4      line-height: 1.6em;
     5      padding: 0.3em 0.6em 0.1em 0.6em;
     6      min-width: 15em;
     7  }
     8  
     9  select {
    10      -webkit-appearance: none;
    11      -moz-appearance: none;
    12      appearance: none;
    13      display: inline-block;
    14      padding: 0.5em 1em;
    15      min-width: 15em;
    16  }
    17  
    18  .button,
    19  button,
    20  input[type="submit"],
    21  input[type="reset"],
    22  input[type="button"] {
    23      color: #fff;
    24      background-color: #05afe7;
    25      border: none;
    26      font-weight: 300;
    27      font-style: normal;
    28      padding: 0.15rem 0.9rem;
    29      cursor: pointer;
    30      display: inline-block;
    31      border-radius: 0.2rem;
    32      margin: 2rem 2rem 0 0;
    33      min-width: 4em;
    34      height: 2.2rem;
    35      line-height: 2.2rem;
    36      text-transform: uppercase;
    37      letter-spacing: 0.05rem;
    38      box-sizing: border-box;
    39      font: 0.9em/1.6em "Lato", "Roboto", "Helvetica Neue", Arial, sans-serif;
    40  }
    41  
    42  
    43  /* make link buttons look like inputs */
    44  
    45  a.button {
    46      display: inline-block;
    47      text-align: center;
    48      padding-top: 0.16rem;
    49  }
    50  
    51  .button:hover,
    52  button:hover,
    53  input[type="submit"]:hover,
    54  input[type="reset"]:hover,
    55  input[type="button"]:hover {
    56      color: #fff;
    57      text-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2)
    58  }
    59  
    60  .button.grey {
    61      background-color: #aaa;
    62  }
    63  
    64  .button.orange {
    65      background-color: #f49a18;
    66  }
    67  
    68  .button.small {
    69      font-size: 0.7em;
    70      line-height: 1.5rem;
    71      padding: 0.1rem 0.5rem;
    72      margin: 0;
    73      height: 1.7rem;
    74  }
    75  
    76  .inline-buttons {
    77      text-align: center;
    78  }
    79  
    80  .inline-buttons .button {
    81      margin: 1rem 1rem 2rem 1rem;
    82  }
    83  
    84  article form {
    85      padding: 1rem 0;
    86  }
    87  
    88  article form.nopadding {
    89      padding: 0;
    90  }
    91  
    92  label {
    93      display: block;
    94      color: #555;
    95      font-weight: normal;
    96      margin: 0.5rem 1rem 1rem 0;
    97  }
    98  
    99  section.wide-fields,
   100  section.inline-fields {
   101      margin: 0;
   102      padding: 0 2rem;
   103  }
   104  
   105  .field {
   106      margin: 1rem 0;
   107  }
   108  
   109  .inline-fields .field {
   110      float: left;
   111      margin-right: 3rem;
   112  }
   113  
   114  .wide-fields .field {
   115      clear: both;
   116      margin-right: 1em;
   117  }
   118  
   119  .wide-fields input {
   120      width: 100%;
   121  }
   122  
   123  textarea {
   124      display: block;
   125      width: 100%;
   126      min-height: 4.8rem;
   127      line-height: 1.5em;
   128      padding: 0.2rem 1.3rem;
   129  }
   130  
   131  .resource-update-form {
   132      position: relative;
   133  }
   134  
   135  section.actions {
   136      clear: both;
   137      padding: 0;
   138      text-align: center;
   139      float: right;
   140  }
   141  
   142  @media(min-width:1000px) {
   143      section.actions {
   144          text-align: right;
   145          margin-top: -6.5rem;
   146      }
   147      section.actions .button {
   148          float: right;
   149      }
   150  }
   151  
   152  section.admin-bar-actions {
   153      position: absolute;
   154      top: 0;
   155      right: 0;
   156      margin: 0;
   157      padding: 0.05rem 1rem;
   158  }
   159  
   160  
   161  /*  TABLES */
   162  
   163  .data-table {
   164      width: 100%;
   165  }
   166  
   167  .data-table tr td {
   168      padding: 0.5rem 1rem;
   169  }
   170  
   171  .data-table tr.odd {
   172      background-color: #eaeaea;
   173  }
   174  
   175  .data-table tr.level_1.odd,
   176  .data-table tr.level_2.odd,
   177  .data-table tr.level_3.odd,
   178  .data-table tr.level_4.odd {
   179      background-color: #fafafa;
   180  }
   181  
   182  .data-table tr.level_1 td:first-child {
   183      padding-left: 2rem;
   184  }
   185  
   186  .data-table tr.level_2 td:first-child {
   187      padding-left: 3rem;
   188  }
   189  
   190  .data-table tr.level_3 td:first-child {
   191      padding-left: 4rem;
   192  }
   193  
   194  .data-table tr.level_4 td:first-child {
   195      padding-left: 5rem;
   196  }
   197  
   198  .filter-form {
   199      clear: both;
   200  }
   201  
   202  .filter-form input {
   203      float: right;
   204  }
   205  
   206  .filter-form .button {
   207      margin: 0 1rem 0 0;
   208  }
   209  
   210  .warning {
   211      color: #fff;
   212      background-color: red;
   213      text-align: center;
   214      padding: 0.5em 1em;
   215  }