trello.css

.board {
	background: #27709b;
	min-height: 60px;
	padding: 3px;
	margin: 5px;
	overflow-x: auto;
	border-radius:3px;
	font-weight: bolder;
	font-size: 14px;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);
}

.boardName{
	color: #e3e3e3;
	margin-bottom:3px;
}

.list{
	cursor: pointer;
	background: #e3e3e3;
	float:left;
	padding:5px;
	margin:2px;
	font-size: 12px;
	font-weight: bold;
	border-radius:3px;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);
}

body{
	background: #e3e3e3;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

#trelloDiv{
	overflow-y:auto;

}
#addContainer{
	display:block;
}

.addLabel{
	font-weight: bold;
	font-size: 14px;
}

.cardField{
	border-radius:3px;
	padding: 2px;
}

#addConfirm{
	color: white;
	background: linear-gradient(to bottom, #1f9323 0, #166919 100%);
	font-weight: bold;
	font-size: 14px;
	padding: 10px 25px;
	border: none;
	cursor: pointer;
	border-radius:3px;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);
}

#addCancel{
	background-color: #e3e3e3;
	color: #686868;
	text-align: center;
	font-weight: bolder;
	font-size: 25px;
	padding: 10px 25px;
	border: none;
	cursor: pointer;

}

#addCardLabel{
	font-weight: bolder;
	font-size: 16px;
}

.connectDiv{
	margin: 10px;
}

.notification{
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 60px;
	vertical-align: middle;
}

.success{
	background: #1f9323;
}

.fail{
	background-color: rgb(212, 51, 44);;
}