github.com/shohhei1126/hugo@v0.42.2-0.20180623210752-3d5928889ad7/examples/multilingual/static/main.css (about)

     1  * { box-sizing: border-box; }
     2  html, body { margin: 0; padding: 0; }
     3  
     4  body {
     5      padding: 0 20px;
     6      max-width: 800px;
     7      margin: 0 auto;
     8  
     9      color: #333;
    10  }
    11  
    12  .clear { clear: both; }
    13  
    14  
    15  #language-menu, #main-menu, #title, #subtitle {
    16      font-family: Georgia;
    17      font-variant: small-caps;
    18  }
    19  
    20  .copy-left {
    21      display: inline-block;
    22      text-align: right;
    23      margin: 0px;
    24      -moz-transform: scaleX(-1);
    25      -o-transform: scaleX(-1);
    26      -webkit-transform: scaleX(-1);
    27      transform: scaleX(-1);
    28      filter: FlipH;
    29      -ms-filter: "FlipH";
    30  }
    31  
    32  /* Language Menu */
    33  
    34  #language-menu { float: right; }
    35  #language-menu a {
    36      display: block;
    37      padding: 8px 10px;
    38      width: 100px;
    39  
    40      transition: border-left 0.3s ease-in-out;
    41      border-left: 2px solid #FFF;
    42  }
    43  #language-menu a:hover { border-left: 2px solid #A00; }
    44  #language-menu a, #language-menu a:visited {
    45      color: #333;
    46  }
    47  
    48  /* Main Menu */
    49  
    50  #main-menu {
    51      margin-top: 20px;
    52      border-left: 2px solid #A00;
    53      padding-left: 10px;
    54  }
    55  
    56  #main-menu a {
    57      float: left;
    58      width: 100px;
    59      text-align: center;
    60  
    61      padding: 5px 10px;
    62      margin: 0;
    63  
    64      text-decoration: none;
    65      font-size: 18px;
    66  
    67      transition: border-bottom 0.3s ease-in-out;
    68      border-bottom: 2px solid #FFF;
    69  }
    70  
    71  #main-menu a:hover {
    72      border-bottom: 2px solid #A00;
    73  }
    74  
    75  /* Content */
    76  
    77  article h3 {
    78      margin-bottom: 3px;
    79  }
    80  .post-meta {
    81      color: #888;
    82      margin-bottom: 10px;
    83  }
    84  
    85  /* Footer */
    86  
    87  #footer {
    88      margin: 50px 0;
    89      text-align: center;
    90  }