Post by Matte on Jun 16, 2021 1:05:11 GMT -8
I'm using the following code in my style sheet to "separate" individual posts. I want to do the same to the messages, but can't seem to figure it out.
The following is what my Message List currently looks like. The descriptors are different enough that I can't match them to their Posts equivalents.
/* Split & Divide Posts */
.container.posts .control-bar {border: none !important;
.rounded-corners(0px 0px @content_area_border_radius @content_area_border_radius);}
.container.posts .content.cap-bottom {border: none !important;
.rounded-corners(@content_area_border_radius);}
.container.posts .content,
.container.posts span.labels,
.container.posts .content table tbody tr.post td {
border: none !important; }
.container.posts .content,
.container.posts .content > table.list {
background-color: transparent !important; }
.container.posts span.labels {
width: 100%; text-align: center; }
.container.posts .content table tbody tr.post {
.rounded-corners(@content_area_border_radius);
border: @posts_separator_border;
display: block;
margin-top: 5px;
margin-bottom: 5px;}
.ui-poll {
background-color: #ffffff !important; .rounded-corners(@content_area_border_radius);
margin-top: 5px;}
.ui-poll table {
background-color: #ffffff !important; }
.posts .poll {
border: none !important; }The following is what my Message List currently looks like. The descriptors are different enough that I can't match them to their Posts equivalents.
.messages .item { color: @messages_odd_text_color; background: @messages_odd_background; }
.messages .item.even { color: @messages_even_text_color; background: @messages_even_background; }
.messages .item .quote div.quote div.quote_body { color: @messages_odd_text_color; background: @messages_odd_background; }
.messages .item.even .quote div.quote_body { color: @messages_odd_text_color; background: @messages_odd_background !important; }
.messages .item .quote div.quote_body { color: @messages_even_text_color; background: @messages_even_background; }
.messages .item.even .quote div.quote div.quote_body { color: @messages_even_text_color; background: @messages_even_background !important; }
.message abbr.time, .message.even .quote abbr.time, .message .quote .quote abbr.time { color: @messages_odd_text_color; } /* red */
.message.even abbr.time, .message .quote abbr.time, .message.even .quote .quote abbr.time { color: @messages_even_text_color; } /* green */
.messages .item .content-head { border: @messages_header_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding-bottom: 5px; margin-bottom: 10px; }
.messages .item table { width: 100%; }
.messages .item td { vertical-align: top; }
.messages .item > td { border-width: 0px 1px 1px 1px; border-style: solid; border-color: @container_inner_border_color; }
.messages .item .left-panel { width: 172px; }
.messages .item .content { padding-left: 10px; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
.messages .item .content table { width: inherit; }
.messages .item .content ul {margin-left: 31px; list-style-type: disc;}
.messages .item .content ol {margin-left: 31px; list-style-type: decimal;}
.messages .item .content .message { overflow-x: auto; overflow-y: hidden; margin-bottom: 1.3em; }
.messages .item .content .message table td { padding: 3px; }
.messages .item .content code { display: block; border: @messages_code_border; padding: 5px; margin-left: 16px; margin-right: 16px; background: @messages_code_background; color: @messages_code_text_color; font: @messages_code_text_font; white-space: pre; }
.messages .item .content-head .info { float: left; margin-top: 3px; line-height: 20px !important; }
.messages .item .content-head .info .date { vertical-align: -7px; }
.messages .item .content-head .controls { float: right; }
.messages .item .content-head .controls > a { float: left; margin-left: 3px; padding-right: 5px; display: inline; }
.messages .item .foot { padding-left: 10px; vertical-align: bottom; }
.messages .item .foot .signature { text-align: left; color: @messages_signatures_text_color; font: @messages_signatures_text_font; vertical-align: bottom; border: @messages_signatures_border; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 10px; margin-top: 10px; }
.message .post-method { vertical-align: -7px; font-size: .8em; }
.messages .conversation-labels { float: right; margin-right: 5px; margin-top: 5px; }
.messages.summary .message .content-head .info { width: 100%; }
.messages .message .controls { min-width: 100px; }
.messages .participants { padding: 5px 10px; border: @messages_participants_border; border-top-width: 0px; }
.posting-options-list, .messaging-options-list { display: none; }