You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
1.8 KiB
Plaintext
86 lines
1.8 KiB
Plaintext
/*** Common UI elements ***/
|
|
|
|
#taskmenu {
|
|
a {
|
|
text-decoration: none;
|
|
padding: 0.4em 0;
|
|
}
|
|
|
|
a.button {
|
|
display: block;
|
|
width: 60px;
|
|
text-align: center;
|
|
color: @color-taskmenu-button;
|
|
|
|
&:hover {
|
|
color: @color-taskmenu-button-hover;
|
|
}
|
|
|
|
&.selected {
|
|
color: @color-taskmenu-selected-button;
|
|
}
|
|
|
|
&:before {
|
|
&:extend(.font-icon-class);
|
|
font-size: 1.5em;
|
|
margin-bottom: 0.1em;
|
|
}
|
|
|
|
&.mail:before {
|
|
content: @fa-var-envelope;
|
|
}
|
|
&.addressbook:before {
|
|
content: @fa-var-user;
|
|
}
|
|
&.settings:before {
|
|
content: @fa-var-cog;
|
|
}
|
|
&.help:before {
|
|
content: @fa-var-life-bouy;
|
|
}
|
|
&.logout:before {
|
|
content: @fa-var-power-off;
|
|
}
|
|
&.about:before {
|
|
content: @fa-var-question;
|
|
}
|
|
&.logout:hover {
|
|
color: @color-taskmenu-logout-button-hover;
|
|
}
|
|
&.refresh:before {
|
|
content: @fa-var-refresh;
|
|
}
|
|
&.compose:before {
|
|
content: @fa-var-edit;
|
|
}
|
|
}
|
|
|
|
.special-buttons {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
|
|
@media screen and (max-width: @screen-width-xs) {
|
|
position: relative;
|
|
}
|
|
|
|
a {
|
|
color: @color-taskmenu-special-button;
|
|
|
|
&:hover {
|
|
color: @color-taskmenu-special-button-hover;
|
|
}
|
|
}
|
|
}
|
|
|
|
.action-buttons {
|
|
a {
|
|
color: @color-taskmenu-action-button;
|
|
|
|
&:hover {
|
|
color: @color-taskmenu-action-button-hover;
|
|
}
|
|
}
|
|
}
|
|
}
|