circuhub

Website for CircuHub for more circulair waste-recycling
Log | Files | Refs

header.css (833B)

      1 header {
      2     position: fixed;
      3     z-index: 100;
      4     width: 100%;
      5     top: 0;
      6     left: 0;
      7     display: flex;
      8 
      9     justify-content: space-between;
     10     background-color: #56d445;
     11     color: white;
     12     padding: 0 10px;
     13     box-sizing: border-box;
     14     border-bottom: 2px solid #31a73b;
     15 }
     16 
     17 header h1 {
     18     display: inline-block;
     19     font-size: 17pt;
     20 }
     21 
     22 header #subtitle {
     23     color: #56d445;
     24     background-color: white;
     25     padding: 0 5px;
     26     border-radius: 5px;
     27     font-family: serif;
     28     margin-left: 10px;
     29 }
     30 
     31 header #links:before {
     32     content: "";
     33     display: inline-block;
     34     height: 100%;
     35     vertical-align: middle;
     36 }
     37 
     38 header #links a {
     39     font-size: 15pt;
     40 }
     41 
     42 header a {
     43     margin: 0 10px;
     44     text-decoration: none;
     45     color: white;
     46 }
     47 
     48 header a:active {
     49     color: white;
     50 }
     51 
     52 header #links #login {
     53     font-weight: bold;
     54 }