blob: 927ba9c92a171b525fcca04c7e76070e3be6886a [file] [log] [blame]
@import "common.less";
@convListRowPadding: 3px;
@badgeRadius: 4px;
@mediumBlue: #87b3f0;
@mediumGreen: #71ab77;
@messageBorderRadius: 2px;
@messageMargin: 20px;
@messageBackground: #94caf0;
@targetMessageBoxShadow: 0 0 15px #3bae29;
@targetMessageBorderColor: #00a50b;
.conversation-list-row { /* Styled div in the conversation list */
white-space: normal;
.badges {
margin: 3px;
margin-left: 10px;
.badge {
color: white;
padding: 2px 4px;
&:first-child, {
.lh-border-top-left-radius(@badgeRadius);
.lh-border-bottom-left-radius(@badgeRadius);
}
&:last-child {
.lh-border-top-right-radius(@badgeRadius);
.lh-border-bottom-right-radius(@badgeRadius);
}
}
.num-messages {
.badge;
background-color: @mediumBlue;
}
.num-new-messages {
.badge;
background-color: @mediumGreen;
}
}
.inner-row {
overflow-x: hidden;
overflow-y: visible;
padding: @convListRowPadding;
padding-bottom: 0;
&:last-child {
padding-bottom: @convListRowPadding;
}
}
.last_author,
.subject {
font-weight: bold;
}
.last-message-time {
float: right;
font-weight: bold;
}
}
.block .message { /* Box for each message */
background-color: @messageBackground;
.lh-border-radius(@messageBorderRadius);
margin-bottom: @messageMargin;
.content {
padding: 10px;
}
&:first-child {
margin-top: @messageMargin;
}
&:last-child {
margin-bottom: 0;
}
&:target {
border: 1px solid @targetMessageBorderColor;
.lh-border-radius(@messageBorderRadius + 1px);
.lh-box-shadow(@targetMessageBoxShadow);
}
> .title {
background-color: #1a88d5;
color: #ffffff;
.lh-border-top-left-radius(@messageBorderRadius);
.lh-border-top-right-radius(@messageBorderRadius);
padding: 1px 3px 1px 4px;
.author {
font-weight: bold;
}
.controls {
float: right;
a {
background-color: #4ab2e9;
.lh-border-radius(2px);
color: #ffffff;
padding: 0 6px;
&:hover {
background-color: #00a6ff;
}
}
}
.divided-section {
border-right: solid 1px #ffffff;
padding-right: 4px;
&:last-child {
border-right: none;
}
}
}
}
.block .reply_form { /* Box for reply form */
background-color: @messageBackground;
.lh-border-radius(@messageBorderRadius);
margin-bottom: @messageMargin;
padding: 10px;
.fieldset-conversation-reply {
legend span {
color: #305bbd;
font-family: Oswald, sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 12px;
text-transform: uppercase;
}
.submit {
float: right;
margin-top: 16px;
}
}
&:first-child {
margin-top: @messageMargin;
}
&:last-child {
margin-bottom: 0;
}
}