/*
* Subtler, clearer colors and edges
* Emphsasize first two lists
* -- can be modified in CSS to include fewer or more lists
*/
* {
border-radius: 0 !important;
}
#header {
background: #434345 !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.header-user {
top: 12px !important;
}
.header-btn {
margin-right: 16px !important;
}
#board {
background: #767676 ;
}
#board .card-labels {
margin-right: 18px ;
}
#header {
background: #434345 ;
padding-bottom: 12px ;
padding-top: 12px ;
}
* {
border-radius: 0 ;
}
.activity-gradient-t, .activity-gradient-b {
display: none ;
}
.badge.due-future {
background: green ;
}
.badge.due-future [class*="icon"], .badge.due-future .badge-text {
color: white ;
}
.badge.due-soon {
background: #d78e1e ;
}
.badges {
clear: both ;
}
.board-actions-list {
padding-top: 4px ;
}
.header-btn {
margin-right: 16px ;
}
.header-user {
top: 12px ;
}
.list {
border: none ;
/* This breaks layout
commented out */
/*
width: 320px !important;
background: #eaeaea !important;
padding: 8px !important;
margin: 6px 8px 12px 10px !important;
*/
}
.list-card {
border: none ;
box-shadow: 0px 0px 2px #9a9a9a ;
margin: 6px 6px 10px 2px ;
padding: 10px 4px 4px 20px ;
}
.list-card .card-labels {
float: right;
width: 40px;
}
.list-card .card-labels .card-label {
border-bottom-right-radius: 4px ;
border-top-right-radius: 4px ;
/* float: right !important;
padding: 0 !important;
border-radius: 8px !important;
margin-top: 4px !important;
width: 16px !important;
height: 16px !important;
*/
/* Stretch color labels across left end */
/*
border-radius: 0 !important;
*/
height: 88% ;
left: 0 ;
margin-top: 5px;
opacity: 0.8;
position: absolute;
top: 0 ;
width: 10px ;
}
.list-card .card-operation {
color: #cacaca ;
visibility: visible ;
}
.list-card-members {
margin: 0 ;
}
.list-card-title {
clear: none ;
color: #575757 ;
/* text-transform: uppercase; */
/* width: 70%;
float: left; */
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 12px ;
font-weight: bold ;
letter-spacing: 0.07em ;
line-height: 1.2 ;
margin-right: 12px ;
padding: 0px 0px 8px 0 ;
}
.list-card:hover {
box-shadow: 0px 0px 3px #191919 ;
}
.list-card:hover .card-operation {
color: #979797 ;
}
.list-gradient-top, .list-gradient-bottom {
background: transparent ;
}
.list-header .list-title .icon-menu {
visibility: visible ;
}
.list-header .list-title h2 {
color: #767676 ;
font-size: 14px ;
font-weight: bold ;
line-height: 1.2 ;
}
.list:nth-of-type(-n+2) {
background: #f7f7f7 ;
}
.list:nth-of-type(-n+2) .list-header .list-title h2 {
color: #d7691e ;
font-size: 16px ;
font-weight: bold ;
line-height: 28px ;
}
.list:nth-of-type(n+3) .list-card {
background: #fdfdfd ;
box-shadow: none ;
font-size: 14px ;
opacity: 0.7 ;
padding: 3px 3px 3px 6px ;
}
.list:nth-of-type(n+3) .list-card:hover {
opacity: 1 ;
}
.member, .header-auth.member {
border: none ;
border-radius: 15px ;
margin: 0 4px 4px 0 ;
overflow: hidden ;
}
.member-large {
border-radius: 25px ;
overflow: hidden ;
}
.phenom {
padding: 4px 2px 4px 36px ;
}
.phenom .creator {
border: none ;
opacity: 0.6 ;
top: 5px ;
}
.phenom-desc {
display: inline;
float: left ;
}
.phenom-desc, .phenom-desc a {
color: #767676 ;
font-size: 12px ;
font-weight: normal ;
line-height: 1.2 ;
margin: 0 ;
padding: 0 ;
}
.phenom-meta {
float: right ;
font-size: 10px ;
margin: 0 ;
padding: 0 ;
}
.phenom:hover .creator {
opacity: 0.8 ;
}
.phenom:hover .phenom-desc {
color: #454545 ;
}
.phenom:hover .phenom-desc a {
color: #454595 ;
}
.profile-member {
border: none ;
border-radius: 85px ;
overflow: hidden ;
}
.badges {
clear: both !important;
}
.badge.due-future {
background: green !important;
}
.badge.due-future [class*="icon"],
.badge.due-future .badge-text {
color: white !important;
}
.badge.due-soon {
background: #d78e1e !important;
}
/* Emphasize first two lists */
.list:nth-of-type(-n+2) {
background: #f7f7f7 !important;
}
.list:nth-of-type(-n+2) .list-header .list-title h2 {
color: #d7691e !important;
font-size: 28px !important;
line-height: 28px !important;
}
.list:nth-of-type(n+3) .list-card {
padding: 3px 3px 3px 6px !important;
background: #fdfdfd !important;
box-shadow: none !important;
font-size: 14px !important;
opacity: 0.7 !important;
}
.list:nth-of-type(n+3) .list-card:hover {
opacity: 1 !important;
}
/*
.list:nth-of-type(n+3) .list-card-title {
font-size: 0.94em !important;
font-style: normal !important;
color: #979797 !important;
}
.list:nth-of-type(n+3) .badge.due-future {
opacity: 0.6;
}
.list:nth-of-type(n+3) .member {
opacity: 0.6;
}
*/
/* Actions List */
.board-actions-list {
padding-top: 4px !important;
}
.phenom {
padding: 4px 2px 4px 36px !important;
}
.phenom .creator {
top: 5px !important;
border: none !important;
opacity: 0.6 !important;
}
.phenom:hover .creator {
opacity: 0.8 !important;
}
.phenom-desc {
float: left !important;
display: inline;
}
.phenom-desc,
.phenom-desc a {
font-size: 12px !important;
font-weight: normal !important;
line-height: 1.2 !important;
margin: 0 !important;
padding: 0 !important;
color: #767676 !important;
}
.phenom:hover .phenom-desc {
color: #454545 !important;
}
.phenom:hover .phenom-desc a {
color: #454595 !important;
}
.phenom-meta {
font-size: 10px !important;
margin: 0 !important;
padding: 0 !important;
float: right !important;
}
.activity-gradient-t,
.activity-gradient-b {
display: none !important;
}