Take header height into account in the main page masthead; avoid margin collapsing.

This commit is contained in:
Paulo Reis 2018-01-03 12:12:45 +00:00
parent 0f1b0be231
commit b73a56f70c

View file

@ -1,10 +1,13 @@
.masthead {
display: inline-block;
width: 100%;
background-color: rgba(0,0,0,0.85);
background-image: -webkit-linear-gradient(left,rgba(153,93,179,0.6),rgba(44,155,219,0.6));
background-image: linear-gradient(to right,rgba(153,93,179,0.6),rgba(44,155,219,0.6));
position: relative;
text-align: center;
overflow: hidden;
margin-top: @header-height;
h1, p, label {
color: white;
text-align: center;