Skip to content

Instantly share code, notes, and snippets.

@dasim
Created January 10, 2012 15:00
Show Gist options
  • Save dasim/1589477 to your computer and use it in GitHub Desktop.
Save dasim/1589477 to your computer and use it in GitHub Desktop.
Trello modifications CSS. Smaller fonts, larger cards, more info in one screen.
h3.list-card-title a {
font-size: 11px;
}
div.action-comment p {
font-size: 11px;
}
a.inline-object.action-card {
font-size: 12px;
}
p.date {
font-size: 11px;
}
h2.hide-on-edit.current {
font-size: 12px;
}
div.window-main-col-content.clearfix {
font-size: 12px;
}
div.window-sidebar {
font-size: 12px;
}
div.window {
left: 70px;
top: 10px;
}
div.window-wrapper.clearfix {
width: 900px;
}
div.window-main-col {
width: 670px;
}
div.window-header.clearfix {
width: 801px;
}
a.button-link.highlight-icon {
font-size: 11px;
padding-top: 2px;
padding-bottom: 2px;
}
div.board-widget-title h3 {
font-size: 12px;
margin-bottom: 0;
}
div.board-widgets {
font-size: 11px;
width: 260px;
}
.member, img.member-avatar {
height: 20px;
width: 20px;
}
.member .status {
height: 4px;
width: 4px;
}
div.action-comment {
padding: 2px;
}
.list {
padding: 1px;
}
#board {
margin-right: 280px;
}
textarea.new-card {
padding: 0;
font-size: 10px;
}
.add-list-card {
margin: 0 22px 0 4px;
position: relative;
}
.list-card {
font-size: 11px;
line-height: 130%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment