blob: 5acc60d653fd9c72ffa28f09bf062a87561b269b [file] [log] [blame]
@badgecolor: #71ab77;
.slicknav_menu {
/* Hidden on screen width greater than 768px */
display: none;
}
.block-main-nav {
/*Main navigation*/
background: @color_light_blue;
.lh-border-radius(3px);
#main-menu,
.block-title {
display: none;
@media screen and (min-width: @screen-md-min) {
display: block;
}
}
/* Styles for slicknav menu on mobile screens */
.slicknav_menu {
background: @color_light_blue;
padding: 0;
display: block;
@media screen and (min-width: @screen-md-min) {
display: none;
}
li {
margin: 0;
}
}
.slicknav_nav {
a {
margin: 0;
}
a:hover {
border-radius: 0;
}
}
.slicknav_btn {
display: inline-block;
width: 100%;
float: none;
margin: 0;
background: #0082c8;
font-family: 'Oswald', sans-serif;
font-size: 16px;
line-height: 18px;
border-top-right-radius: 3px;
background-clip: padding-box;
color: #fff;
padding: 7px 0 7px 10px;
text-transform: uppercase;
& .slicknav_menutxt {
text-shadow: none;
font-weight: normal;
}
&.slicknav_open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
/* End of SlickNav styles */
ul {
list-style: none;
margin: 0;
padding: 0;
li {
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 15px;
font-weight: bold;
a {
background: @color_light_blue;
color: @color_dark_blue_font;
display: block;
padding: 8px 13px 6px 13px;
.nav-badge {
background-color: @badgecolor;
.lh-border-radius(4px);
color: #ffffff;
margin-left: 4px;
padding: 2px 5px;
}
&:hover {
background: #59bbff;
color: #ffffff;
.badge {
background-color: darken(@badgecolor, 6%)
}
}
}
&.active a {
background: #59bbff;
color: #fff;
}
ul {
/*Second level*/
margin: 0;
li {
font-size: 13px;
a {
padding: 0 0 0 30px;
}
}
}
}
}
> ul {
> li {
&:first-child > a {
.lh-border-top-left-radius(3px);
.lh-border-top-right-radius(3px);
}
&:last-child > a {
.lh-border-bottom-left-radius(3px);
.lh-border-bottom-right-radius(3px);
}
}
}
}
.block {
/*Sidebar Block*/
.block-content {
#floatMenu {
margin-top: 10px;
#user-menu-list {
padding-left: 0;
.btn {
float: none;
}
a:hover {
text-decoration: none;
}
}
}
}
}
.block-status {
/*Current Task*/
background: #d0e8f9;
.block-title {
padding-left: 68px;
padding-bottom: 5px;
}
.block-status-top {
background: #d14936;
border-bottom: 1px solid #983527;
border-top: 1px solid #983527;
color: #fff;
padding: 4px 0;
.emph {
color: #faafa5;
text-transform: uppercase;
}
.block-status-status,
.block-status-time {
display: block;
font-weight: bold;
line-height: 14px;
margin-left: 68px;
}
.block-status-status {
text-transform: uppercase;
}
}
.block-content {
padding: 10px;
}
.block-status-task {
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-weight: bold;
line-height: 20px;
.block-status-task-link,
.block-status-task-project {
display: block;
}
.block-status-task-link a {
font-size: 17px;
}
.block-status-task-project {
margin-top: 3px;
}
}
.block-status-action {
font-size: 13px;
font-weight: bold;
a {
background: #0f649d;
border-bottom: 1px solid #0b4973;
color: #fff;
display: block;
float: left;
padding: 3px 0;
text-align: center;
&:hover {
background: #d14936;
border-bottom: 1px solid #b62f23;
}
&:first-child {
border-right: 1px solid #0b4973;
&:hover {
border-right: 1px solid #b62f23;
}
}
span {
background: url(@image_arrow_white_sm) right center no-repeat;
padding-right: 10px;
}
&.block-status-action-view {
width: 99px;
}
&.block-status-action-dashboard {
width: 120px;
}
}
&.block-status-action-single {
/*One action button*/
a {
text-align: left;
width: 100%;
span {
padding-left: 15px;
}
}
}
}
.block-status-action-single {
a {
&:first-child,
&:first-child:hover {
border-right: none;
}
}
}
.block-status-user {
background: #e2e2e2;
border-bottom: 1px solid #a5a5a5;
color: #000;
line-height: 16px;
padding: 7px 7px 7px 13px;
a {
color: #0a5d94;
}
}
}
.block-status-sm {
/*Same as current task block, condensed content*/
background: #E2E2E2;
.lh-border-top-left-radius(3px);
.lh-border-top-right-radius(3px);
.block-status-user {
background: none;
border-bottom: none;
padding-top: 10px;
}
}
.block-logged-in-as > .block-content {
font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;
font-weight: bold;
padding: 8px 13px 6px;
.clearfix;
}
.block-logged-in-as {
.block-header {
display: block;
color: @color_dark_red;
font-size: 11px;
}
.block-value {
display: block;
color: @color_dark_grey;
font-size: 15px;
}
}