Trello user style inspired by Trello Clear & Ansel Adams

trello-ansel.css

/* =================================================
   Trello Ansel
   ---
   Inspired by Ansel Adams & based on Trello Clear
   by angelon (https://userstyles.org/users/202251)
   ================================================= */
@-moz-document domain('trello.com'), url-prefix('https://trello.com/b') {

body {
	background-color: #fff !important;
	background-image: url('http://i.imgur.com/oKFRN2V.jpg') !important;
	background-size: cover !important;
}

#header {
	background: #2B2B2B !important;
	padding: 10px !important;
}

.header-logo {
	margin-top: 5px;
}

.board-header {
	padding: 5px 30px 5px 8px !important;
}

.sidebar-show-btn {
	margin-top: 5px !important;
}

.sidebar-hide-btn .icon-sm.icon-rightarrow {
	margin-top: -4px !important;
}

.board-widgets {
	padding-top: 6px !important;
	padding-left: 6px !important;
}

.board-widgets-content-wrapper .board-widget-nav h3.toggle-widget-nav {
	padding: 4px 10px !important;
}

.board-widgets-content-wrapper .board-widget-nav h3.toggle-widget-nav .toggle-menu-icon {
	top: 5px !important;
}

.header-user {
	top: 10px !important;
	right: 5px !important;
}

.header-member {
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}

body.small-window .header-user .header-member {
	border-radius: 20px !important;
}

.board-header {
	background: #474747 !important;
}

.member {
	border-radius: 20px !important;
	border: none !important;
}

.member img {
	border-radius: 20px !important;
	border: none !important;
}

.list-area-wrapper {
	padding-left: 10px;
}

.list-area {
	width: 3500px !important;
}

.fancy-scrollbar::-webkit-scrollbar-track-piece {
	background: none !important;
}

.list-header-menu-icon.js-open-list-menu{
	color: #595959 !important;
}

.list-header-menu-icon.js-open-list-menu:hover {
	color: #000000 !important;
}

.list-gradient-top,.list-gradient-bottom {
	display: none !important;
}

.pop-over-list li>a:hover {
	background: #999999 !important;
}

.fancy-scrollbar::-webkit-scrollbar-thumb:vertical {
	background: rgba(0, 0, 0, 0.3) !important;
}

.fancy-scrollbar::-webkit-scrollbar-thumb:horizontal {
	background: rgba(255, 255, 255, 0.5) !important;
}

.list-header h2 {
	font-size: 15px !important;
}

#board {
	padding: 5px 0 0 0 !important;
}

.list {
	padding: 4px 0 0 0 !important;
	background: rgba(252, 252, 252, 0.5) !important;
	-ms-flex: 0 0 240px !important;
	-webkit-flex: 0 0 240px !important;
	flex: 0 0 240px !important;
	width: 240px !important;
}

.list.add-list {
	padding: 6px !important;
}

.list.add-list .list-name-input {
	background: #ebebeb !important;
}

.list.add-list .icon-lg {
	color: #818181 !important;
}

.list-cards {
	padding: 6px 6px 1px !important;
}

.list-card {
	font-size: 13px !important;
	line-height: 16px !important;
}

.list-card-labels > span.card-label {
	height: 6px !important;
	border-bottom-right-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
}

.list-card-members .member {
	height: 24px !important;
	width: 24px !important;
}

.list-card-members .member .member-initials {
	height: 24px !important;
	line-height: 24px !important;
}

.list-card-members .member .member-avatar {
	height: 24px !important;
	width: 24px !important;
}

span.card-label {
	opacity: 0.7 !important;
}

.badges {
	padding: 0 !important;
	margin-left: -2px !important;
}

.badge {
	margin: 0 3px 0 0 !important;
}

.badges .badge-icon.icon-sm {
	height: 16px !important;
	font-size: 10px !important;
	line-height: 18px !important;
	width: 16px !important;
}

.badge-text {
	font-size: 11px;
}

.open-card-composer {
	color: #595959 !important;
	margin: 0 !important;
}

.open-card-composer:hover {
	background: rgba(255, 255, 255, 0.5) !important;
	color: #595959 !important;
	text-decoration: none !important;
	margin: 0 !important;
}

.button-link:hover {
	background: #999999;
	background: -webkit-linear-gradient(top, #a6a6a6 0, #8c8c8c 100%) !important;
	background: linear-gradient(to bottom, #a6a6a6 0, #8c8c8c 100%) !important;
	border-color: #999999 !important;
	color: #fff !important;
}

.window-wrapper {
	background: #F9F9F9 !important;
}

.checklist-progress-bar-current {
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	background: #858585; /* Old browsers */
	background: -webkit-radial-gradient(center, ellipse cover,  #c5c5c5 0%,#929292 100%) !important; /* Chrome10+,Safari5.1+ */
	background: radial-gradient(ellipse at center,  #c5c5c5 0%,#929292 100%) !important; /* W3C */
	border: 1px solid #858585 !important;
}

.board-widgets {
	background: rgba(255,255,255,0.98) !important;
}

.sidebar-hide-btn {
	top: 5px !important;
}

.atMention {
	background: #A3359F !important;
	border-radius: 5px !important;
	color: #fff !important;
	font-size: 12px !important;
}

code {
	font-family: Menlo,Monaco,"Courier New",monospace !important;
	background-color: #F7F7F9 !important;
	border: 1px solid #E1E1E8 !important;
	border-radius: 3px !important;
	padding: 3px 4px !important;
	font-size: 12px !important;
	color: #D14 !important;
}

}