fabfb416e8
This makes a clean overall style for the buttons, selects and input fields. Now it looks more the same in all the browsers.
74 lines
1.1 KiB
CSS
74 lines
1.1 KiB
CSS
header {
|
|
position: fixed;
|
|
z-index: 99;
|
|
|
|
top: 0;
|
|
left: 0;
|
|
height: 80px;
|
|
width: 100%;
|
|
|
|
color: white;
|
|
background-color: #845663;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
|
|
}
|
|
|
|
|
|
#header-logo, #header-logo img {
|
|
height: 80px;
|
|
|
|
vertical-align: middle;
|
|
line-height: 80px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
#header-search {
|
|
padding-left: 48px;
|
|
}
|
|
|
|
#header-search input[type="text"] {
|
|
padding: 0 5px;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
#header-search input[type="submit"] {
|
|
background: none;
|
|
color: white;
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
}
|
|
|
|
|
|
header div {
|
|
display: inline-block;
|
|
}
|
|
|
|
#open-chat {
|
|
font-size: 32px;
|
|
line-height: 80px;
|
|
margin-right: 50px;
|
|
}
|
|
|
|
.profile-menu {
|
|
font-size: 21px;
|
|
}
|
|
|
|
.profile-menu img {
|
|
padding: 8px;
|
|
height: 64px;
|
|
width: 64px;
|
|
}
|
|
|
|
#own-profile-picture, #profile-menu-popup span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#profile-menu-popup {
|
|
padding: 5px;
|
|
|
|
background: white;
|
|
color: #666;
|
|
|
|
border-radius: 3px;
|
|
}
|