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

     1  @font-face {
     2      font-family: Lato;
     3      src: url(/assets/fonts/lato.ttf);
     4  }
     5  
     6  body {
     7      font: 1.3em/1.6em "Lato", "Roboto", "Helvetica Neue", Arial, sans-serif;
     8  }
     9  
    10  h1,
    11  h2,
    12  h3,
    13  h4,
    14  h5,
    15  h6 {
    16      letter-spacing: normal;
    17      color: #666;
    18      font-weight: 300;
    19      font-style: normal;
    20      margin: 0.2em 0 0 0;
    21      line-height: 1.5em;
    22      padding: 0;
    23  }
    24  
    25  h1,
    26  h2 {
    27      font-family: "Futura", "Trebuchet MS", Arial, sans-serif;
    28      font-style: normal;
    29      text-align: center;
    30  }
    31  
    32  h1 {
    33      text-transform: uppercase;
    34      color: #05afe7;
    35      text-align: center;
    36  }
    37  
    38  h2 {
    39      color: #555;
    40  }
    41  
    42  h2 b {
    43      color: #888;
    44  }
    45  
    46  h3 {
    47      font-size: 3.0rem;
    48  }
    49  
    50  h4 {
    51      font-size: 2.0rem;
    52  }
    53  
    54  h5 {
    55      font-size: 1.4rem;
    56      text-transform: uppercase;
    57      letter-spacing: 0.1rem;
    58  }
    59  
    60  a {
    61      text-decoration: none;
    62      color: #ea8c06;
    63  }
    64  
    65  a:hover {
    66      color: #ff9804;
    67  }
    68  
    69  p {
    70      margin: 0.2rem 0 1rem 0;
    71  }
    72  
    73  code {
    74      white-space: normal;
    75      font-size: 0.8em;
    76      color: #aaa;
    77      background-color: #334;
    78      padding: 1rem 2rem;
    79      display: block;
    80      white-space: pre;
    81  }
    82  
    83  .hidden {
    84      display: none;
    85  }
    86  
    87  .clear {
    88      clear: both;
    89  }
    90  
    91  .left {
    92      text-align: left;
    93  }
    94  
    95  .right {
    96      text-align: right;
    97  }
    98  
    99  .center {
   100      text-align: center;
   101  }
   102  
   103  ul.list {
   104      list-style: disc;
   105      padding: 0 0 0 2rem;
   106      color: #444;
   107  }
   108  
   109  ul.inline,
   110  nav ul {
   111      list-style: none;
   112      margin: 0;
   113      padding: 0;
   114      display: inline;
   115  }
   116  
   117  ul.inline li,
   118  nav ul li {
   119      display: inline-block;
   120      white-space: nowrap;
   121      margin: 0 0 0.2rem 0;
   122      padding: 0 1rem;
   123  }
   124  
   125  nav ul li a {
   126      display: block;
   127  }
   128  
   129  header a {
   130      line-height: 2rem;
   131      color: #fff;
   132  }
   133  
   134  header a:hover {
   135      color: #fff;
   136  }
   137  
   138  header {
   139      margin: 0 0 0 0;
   140      color: #fff;
   141      border-bottom: 2px solid #f1e42a;
   142      background-color: #f49a18;
   143  }
   144  
   145  footer {
   146      clear: both;
   147      font-size: 0.7em;
   148      line-height: 1.2em;
   149      text-align: center;
   150      padding: 1rem 0;
   151      margin: 3rem 0 0 0;
   152  }
   153  
   154  nav {
   155      clear: both;
   156      font-size: 0.8em;
   157      font-weight: 300;
   158      padding: 0.2rem 0;
   159  }
   160  
   161  nav.admin {
   162      background-color: #000;
   163  }
   164  
   165  article {
   166      clear: both;
   167      padding: 0;
   168      min-height: 50rem;
   169  }
   170  
   171  section {
   172      clear: both;
   173      display: block;
   174      margin: 1rem auto;
   175  }
   176  
   177  section.feature {
   178      background-color: #05afe7;
   179      color: #fff;
   180      width: 100%;
   181      text-align: center;
   182      margin: 0 0 2rem 0;
   183      padding: 0 0 0.5rem 0;
   184  }
   185  
   186  section.feature a,
   187  section.feature h3,
   188  section.feature h4,
   189  section.feature h5 {
   190      color: #fff;
   191  }
   192  
   193  section.feature h5 {
   194      font-size: 0.9rem;
   195      margin: 0.2rem 1rem 0.5rem 1rem;
   196  }
   197  
   198  section.padded {
   199      padding: 0 2rem;
   200      max-width: 80em;
   201  }
   202  
   203  section.narrow {
   204      padding: 0 2rem;
   205      max-width: 40em;
   206  }