<commit_before>body, html {
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'Humbug', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    overflow-y: auto;
}

/* Common background color */
body, #tab_bar, #tab_bar_underpadding, .message_list, .message_comp, #compose-container {
    background-color: #f4f5f4;
   -webkit-transition: background-color 200ms linear;
   -moz-transition: background-color 200ms linear;
   -o-transition: background-color 200ms linear;
   -ms-transition: background-color 200ms linear;
   transition: background-color 200ms linear;
}

body.narrowed_view, .narrowed_view #tab_bar, .narrowed_view #tab_bar_underpadding, .narrowed_view .message_list, .narrowed_view #compose-container {
    background-color: #f0f8ff;
   -webkit-transition: background-color 200ms linear;
   -moz-transition: background-color 200ms linear;
   -o-transition: background-color 200ms linear;
   -ms-transition: background-color 200ms linear;
   transition: background-color 200ms linear;
}

.message_comp.compose-content {
    background-color: #ffffff;
}

input, button, select, textarea {
    font-family: 'Humbug', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: normal;
}

blockquote p {
    font-weight: normal;
}

a {
    cursor: pointer;
}

/*
.container-fluid {
    max-width: 1230px;
    margin: 0px auto;
    padding-left: 5px;
    padding-right: 5px;
}
*/

.header {
    position: fixed;
    z-index: 100;
    width: 100%;
    background: rgb(172,197,193); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(172,197,193,1) 0%, rgba(220,241,234,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,197,193,1)), color-stop(100%,rgba(220,241,234,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(172,197,193,1) 0%,rgba(220,241,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(172,197,193,1) 0%,rgba(220,241,234,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(172,197,193,1) 0%,rgba(220,241,234,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(172,197,193,1) 0%,rgba(220,241,234,1) 100%); /* W3C */

    background-image: url(/static/images/backgrounds/header.jpg);
    background-size: 180px 180px;

    border-bottom: 1px solid #314945;
}

.app {
    width: 100%;
    z-index: 99;
}

.app-main, .header-main {
    max-width: 1200px;
    min-width: 950px;
    margin: 0px auto;
    padding: 0px 5px 0px 5px;
    position: relative;
}

.column-left, .column-right {
    width: 200px;
    max-width: 200px;
}

.column-left {
    float: left;
}

.column-right {
    float: right;
}

.app-main .column-left .left-sidebar, .app-main .column-right .right-sidebar {
    position: fixed;
    margin-top: 50px;
    width: 200px;
    z-index:3;
}

.app-main .column-right .right-sidebar {
    padding-left: 15px;
}

.column-middle {
    float: left;
    width: 100%;
    margin-right: -200px;
    margin-left: -200px;
}

.column-middle-inner {
    margin-right: 200px;
    margin-left: 200px;
}

.app-main .column-middle .column-middle-inner {
    margin-left: 400px;
    margin-right: 0px;
}

textarea, input {
    font-family: 'Humbug', Helvetica, Arial, sans-serif;
}


/* Override Bootstrap's fixed sizes for various elements */

textarea, label {
    font-size:   inherit;
    line-height: inherit;
}

/* List of text-like input types taken from Bootstrap */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{
    font-size: inherit;
    height:    1.4em;
}

li, .table th, .table td {
    line-height: inherit;
}

.btn {
    font-size:  inherit;
    height:     auto;
    line-height: 100%;
}

.btn-large {
    font-size: 115%;
}

.header-main .logo {
    display: block;
    font-size: 120%;
    font-weight: 900;
    text-shadow: none;
    color: #ffffff;
    font-variant: small-caps;
    letter-spacing: 2px;
    line-height: 18px;
    padding-top: 10px;
    padding-left: 5px;
    text-decoration: none;
    position: relative;
 }

 .header-main .logoimage {
    width: 45px;
    height: auto;
 }

.header-main .gravatar-profile {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    background-repeat: none;
    border-radius: 25px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0px rgba(255, 255, 255, 1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0px rgba(255, 255, 255, 1);
    position: absolute;
    left: 5px;
    top: 7px;
}


/* Classes for hiding and showing controls */

.notdisplayed {
    display: none !important;
}

.notvisible {
    visibility: hidden !important;
    width: 0px !important;
    min-width: 0px !important;
    min-height: 0px !important;
    height: 0px !important;
    overflow: hidden !important;
    position: absolute !important;
}

/* Relative positioning */

.position-relative {
    position: relative;
}


/* Lighter strong */

strong {
    font-weight: 600;
}


/* Inline and block code */

code {
    /* 12/14 em, so bootstrap's default 12 px,
       when body is the default 14 px */
    font-size: 0.857em;
}

pre {
    /* 13/14 em, so bootstrap's default 13 px,
       when body is the default 14 px */
    font-size: 0.929em;
    line-height: inherit;
    white-space: pre;
    overflow-x: auto;
    word-wrap: normal;
}

pre code {
    white-space: pre;
}

/* Style inline code inside a link
   to look more like a normal link */
a code {
    color:        #08C;
    border-color: #08C;
}

a:hover code {
    color:        #005580;
    border-color: #005580;
}

.preserve_spaces {
    white-space: pre-wrap;
}

.sidebar-nav {
    padding: 0px 10px 20px 0px;
    margin-top: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    /* This is a little hacky, but for whatever reason, span2 in a row-fluid
       doesn't consistently take on the right width when it's in an affix, so
       we need to specify a max size. */
    max-width: 200px;
}

#left-sidebar .brand {
    display: table-row;
}

#left-sidebar .gravatar-profile {
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
    background-repeat: none;
    border-radius: 35px;
    border: 1px solid #CCC;
}

#my_information {
    display: table-cell;
    vertical-align: middle;
    padding-left: 0.5em;
}

#my_information .my_fullname {
    font-weight: bold;
    white-space: nowrap;
}
.my_email {
    font-weight: 300;
}


.logout {
    white-space: nowrap;
}

.new_message_button {
    padding-top: 1.1em;
}

.bottom_sidebar {
    margin-top: 1em;
}

.streams_title {
    font-size: 0.9em;
    font-weight: normal;

    display: inline;
}

#streams_list:hover #streams_inline_cog {
   visibility: visible;
   opacity: 0.5;
}

#streams_list #streams_inline_cog:hover {
   opacity: 1.0;
}

#streams_inline_cog {
    float: right;
    color: #000;
    text-decoration: none;
    visibility: hidden;

    margin-top: 3px;
}

.tooltip {
    max-width: 10em;
}

#stream_filters {
    border-bottom: 1px solid #eee;
    overflow-x: visible;
    overflow-y: hidden;
    margin: 2px 0px 0px 0px;
    padding: 0px 10px 10px 0;
}

#stream_filters .narrow-filter {
    padding-left: 1.5em;
}

.narrow-filter {
    display: block;
    position: relative;
}

#stream_filters:hover {
    overflow-y: auto;
}

#stream_filters li:hover {
    background-color: #e2e8dd;
}

#stream_filters li.active-subject-filter:hover {
    background-color: #ccd6cc;
}

#user_presences {
    list-style-position: inside; /* Draw the bullets inside our box */
    margin-top:  1em;
    margin-left: 0;
    overflow-y:  hidden;
}
#user_presences:hover {
    overflow-y: auto;
}

#user_presences li:hover {
    background-color: #e2e8dd;
}

#user_presences .user_sidebar_entry:hover {
    cursor: pointer;
}

#user_presences li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user_sidebar_entry .count {
    display: none;
}

#user_presences li {
    list-style-type: none;
}

.user-status-indicator {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid;
    float: left;
    position: relative;
    top: 5px;
    margin-right: 0.5em;
}

.user_active .user-status-indicator {
    background-color: #44C21D;
    border-color: #44C21D;
}

.user_idle .user-status-indicator {
    border-color: #EC7E18;
    background-color: #EC7E18;

    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 50%, rgba(236,126,24,1) 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,0)), color-stop(50%,rgba(236,126,24,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(236,126,24,1) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(236,126,24,1) 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(236,126,24,1) 50%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 50%,rgba(236,126,24,1) 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ec7e18',GradientType=0 ); /* IE6-9 */
}

.user_offline .user-status-indicator {
    background-color: none;
    border-color: gray;
}

#user_presences a {
    color: #333;
}

#invite-user-link i {
    text-decoration: none;
    margin-right: 5px;
}

ul.filters {
    list-style-type: none;
}

ul.filters a {
    color: #333;
}

ul.filters hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

li.active-filter, li.active-subject-filter {
    font-weight: bold;
    background: #ccd6cc;
    position: relative;
}

li.active-filter:after, li.active-subject-filter:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    margin-top: -6px;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #ccd6cc;
}

li.hidden-filter {
    visibility: hidden;
    display: none;
}

ul.filters {
    margin-left: 0px;
    padding-right: 10px;
}

#stream_filters .count,
#global_filters .count {
    margin-left: 0.5em;
    display: none;
}

ul.filters i {
    padding-right: 0.25em;
    /* Make filter icons the same width so labels line up. */
    display: inline-block;
    width: 13px;
}

li.actual-dropdown-menu i {
    /* In gear menu, make icons the same width so labels line up. */
    display: inline-block;
    width: 14px;
}

ul.filters .arrow {
    position: absolute;
    right: 0px;
    top: 2px;
    font-size: 0.8em;
    display: none;
}

ul.filters li:hover .arrow {
    display: inline;
    cursor: pointer;
    color: #888;
}

ul.filters li .arrow:hover {
    display: inline;
    cursor: pointer;
    color: #000;
}

ul.filters li.out_of_home_view {
    opacity: 0.25;
}

.message_list {
}

.message_area_padder {
    margin-top: 10px;
    /* This is needed for the floating recipient bar
     in Firefox only, for some reason; otherwise it gets
     a scrollbar */
    overflow: visible;
    padding-left: 15px;
}
<commit_msg>Increase top margin on the message pane to expose the topmost date marker<commit_after>body, html {
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'Humbug', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    overflow-y: auto;
}

/* Common background color */
body, #tab_bar, #tab_bar_underpadding, .message_list, .message_comp, #compose-container {
    background-color: #f4f5f4;
   -webkit-transition: background-color 200ms linear;
   -moz-transition: background-color 200ms linear;
   -o-transition: background-color 200ms linear;
   -ms-transition: background-color 200ms linear;
   transition: background-color 200ms linear;
}

body.narrowed_view, .narrowed_view #tab_bar, .narrowed_view #tab_bar_underpadding, .narrowed_view .message_list, .narrowed_view #compose-container {
    background-color: #f0f8ff;
   -webkit-transition: background-color 200ms linear;
   -moz-transition: background-color 200ms linear;
   -o-transition: background-color 200ms linear;
   -ms-transition: background-color 200ms linear;
   transition: background-color 200ms linear;
}

.message_comp.compose-content {
    background-color: #ffffff;
}

input, button, select, textarea {
    font-family: 'Humbug', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: normal;
}

blockquote p {
    font-weight: normal;
}

a {
    cursor: pointer;
}

/*
.container-fluid {
    max-width: 1230px;
    margin: 0px auto;
    padding-left: 5px;
    padding-right: 5px;
}
*/

.header {
    position: fixed;
    z-index: 100;
    width: 100%;
    background: rgb(172,197,193); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(172,197,193,1) 0%, rgba(220,241,234,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,197,193,1)), color-stop(100%,rgba(220,241,234,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(172,197,193,1) 0%,rgba(220,241,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(172,197,193,1) 0%,rgba(220,241,234,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(172,197,193,1) 0%,rgba(220,241,234,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(172,197,193,1) 0%,rgba(220,241,234,1) 100%); /* W3C */

    background-image: url(/static/images/backgrounds/header.jpg);
    background-size: 180px 180px;

    border-bottom: 1px solid #314945;
}

.app {
    width: 100%;
    z-index: 99;
}

.app-main, .header-main {
    max-width: 1200px;
    min-width: 950px;
    margin: 0px auto;
    padding: 0px 5px 0px 5px;
    position: relative;
}

.column-left, .column-right {
    width: 200px;
    max-width: 200px;
}

.column-left {
    float: left;
}

.column-right {
    float: right;
}

.app-main .column-left .left-sidebar, .app-main .column-right .right-sidebar {
    position: fixed;
    margin-top: 50px;
    width: 200px;
    z-index:3;
}

.app-main .column-right .right-sidebar {
    padding-left: 15px;
}

.column-middle {
    float: left;
    width: 100%;
    margin-right: -200px;
    margin-left: -200px;
}

.column-middle-inner {
    margin-right: 200px;
    margin-left: 200px;
}

.app-main .column-middle .column-middle-inner {
    margin-left: 400px;
    margin-right: 0px;
}

textarea, input {
    font-family: 'Humbug', Helvetica, Arial, sans-serif;
}


/* Override Bootstrap's fixed sizes for various elements */

textarea, label {
    font-size:   inherit;
    line-height: inherit;
}

/* List of text-like input types taken from Bootstrap */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{
    font-size: inherit;
    height:    1.4em;
}

li, .table th, .table td {
    line-height: inherit;
}

.btn {
    font-size:  inherit;
    height:     auto;
    line-height: 100%;
}

.btn-large {
    font-size: 115%;
}

.header-main .logo {
    display: block;
    font-size: 120%;
    font-weight: 900;
    text-shadow: none;
    color: #ffffff;
    font-variant: small-caps;
    letter-spacing: 2px;
    line-height: 18px;
    padding-top: 10px;
    padding-left: 5px;
    text-decoration: none;
    position: relative;
 }

 .header-main .logoimage {
    width: 45px;
    height: auto;
 }

.header-main .gravatar-profile {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    background-repeat: none;
    border-radius: 25px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0px rgba(255, 255, 255, 1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0px rgba(255, 255, 255, 1);
    position: absolute;
    left: 5px;
    top: 7px;
}


/* Classes for hiding and showing controls */

.notdisplayed {
    display: none !important;
}

.notvisible {
    visibility: hidden !important;
    width: 0px !important;
    min-width: 0px !important;
    min-height: 0px !important;
    height: 0px !important;
    overflow: hidden !important;
    position: absolute !important;
}

/* Relative positioning */

.position-relative {
    position: relative;
}


/* Lighter strong */

strong {
    font-weight: 600;
}


/* Inline and block code */

code {
    /* 12/14 em, so bootstrap's default 12 px,
       when body is the default 14 px */
    font-size: 0.857em;
}

pre {
    /* 13/14 em, so bootstrap's default 13 px,
       when body is the default 14 px */
    font-size: 0.929em;
    line-height: inherit;
    white-space: pre;
    overflow-x: auto;
    word-wrap: normal;
}

pre code {
    white-space: pre;
}

/* Style inline code inside a link
   to look more like a normal link */
a code {
    color:        #08C;
    border-color: #08C;
}

a:hover code {
    color:        #005580;
    border-color: #005580;
}

.preserve_spaces {
    white-space: pre-wrap;
}

.sidebar-nav {
    padding: 0px 10px 20px 0px;
    margin-top: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    /* This is a little hacky, but for whatever reason, span2 in a row-fluid
       doesn't consistently take on the right width when it's in an affix, so
       we need to specify a max size. */
    max-width: 200px;
}

#left-sidebar .brand {
    display: table-row;
}

#left-sidebar .gravatar-profile {
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
    background-repeat: none;
    border-radius: 35px;
    border: 1px solid #CCC;
}

#my_information {
    display: table-cell;
    vertical-align: middle;
    padding-left: 0.5em;
}

#my_information .my_fullname {
    font-weight: bold;
    white-space: nowrap;
}
.my_email {
    font-weight: 300;
}


.logout {
    white-space: nowrap;
}

.new_message_button {
    padding-top: 1.1em;
}

.bottom_sidebar {
    margin-top: 1em;
}

.streams_title {
    font-size: 0.9em;
    font-weight: normal;

    display: inline;
}

#streams_list:hover #streams_inline_cog {
   visibility: visible;
   opacity: 0.5;
}

#streams_list #streams_inline_cog:hover {
   opacity: 1.0;
}

#streams_inline_cog {
    float: right;
    color: #000;
    text-decoration: none;
    visibility: hidden;

    margin-top: 3px;
}

.tooltip {
    max-width: 10em;
}

#stream_filters {
    border-bottom: 1px solid #eee;
    overflow-x: visible;
    overflow-y: hidden;
    margin: 2px 0px 0px 0px;
    padding: 0px 10px 10px 0;
}

#stream_filters .narrow-filter {
    padding-left: 1.5em;
}

.narrow-filter {
    display: block;
    position: relative;
}

#stream_filters:hover {
    overflow-y: auto;
}

#stream_filters li:hover {
    background-color: #e2e8dd;
}

#stream_filters li.active-subject-filter:hover {
    background-color: #ccd6cc;
}

#user_presences {
    list-style-position: inside; /* Draw the bullets inside our box */
    margin-top:  1em;
    margin-left: 0;
    overflow-y:  hidden;
}
#user_presences:hover {
    overflow-y: auto;
}

#user_presences li:hover {
    background-color: #e2e8dd;
}

#user_presences .user_sidebar_entry:hover {
    cursor: pointer;
}

#user_presences li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user_sidebar_entry .count {
    display: none;
}

#user_presences li {
    list-style-type: none;
}

.user-status-indicator {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid;
    float: left;
    position: relative;
    top: 5px;
    margin-right: 0.5em;
}

.user_active .user-status-indicator {
    background-color: #44C21D;
    border-color: #44C21D;
}

.user_idle .user-status-indicator {
    border-color: #EC7E18;
    background-color: #EC7E18;

    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 50%, rgba(236,126,24,1) 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,0)), color-stop(50%,rgba(236,126,24,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(236,126,24,1) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(236,126,24,1) 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(236,126,24,1) 50%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 50%,rgba(236,126,24,1) 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ec7e18',GradientType=0 ); /* IE6-9 */
}

.user_offline .user-status-indicator {
    background-color: none;
    border-color: gray;
}

#user_presences a {
    color: #333;
}

#invite-user-link i {
    text-decoration: none;
    margin-right: 5px;
}

ul.filters {
    list-style-type: none;
}

ul.filters a {
    color: #333;
}

ul.filters hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

li.active-filter, li.active-subject-filter {
    font-weight: bold;
    background: #ccd6cc;
    position: relative;
}

li.active-filter:after, li.active-subject-filter:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    margin-top: -6px;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #ccd6cc;
}

li.hidden-filter {
    visibility: hidden;
    display: none;
}

ul.filters {
    margin-left: 0px;
    padding-right: 10px;
}

#stream_filters .count,
#global_filters .count {
    margin-left: 0.5em;
    display: none;
}

ul.filters i {
    padding-right: 0.25em;
    /* Make filter icons the same width so labels line up. */
    display: inline-block;
    width: 13px;
}

li.actual-dropdown-menu i {
    /* In gear menu, make icons the same width so labels line up. */
    display: inline-block;
    width: 14px;
}

ul.filters .arrow {
    position: absolute;
    right: 0px;
    top: 2px;
    font-size: 0.8em;
    display: none;
}

ul.filters li:hover .arrow {
    display: inline;
    cursor: pointer;
    color: #888;
}

ul.filters li .arrow:hover {
    display: inline;
    cursor: pointer;
    color: #000;
}

ul.filters li.out_of_home_view {
    opacity: 0.25;
}

.message_list {
}

.message_area_padder {
    /* The height of the header and the tabbar plus a small gap */
    margin-top: 68px;
    /* This is needed for the floating recipient bar
     in Firefox only, for some reason; otherwise it gets
     a scrollbar */
    overflow: visible;
    padding-left: 15px;
}

{'fraction_non_alphanumeric': 0.14616817571372873, 'fraction_numerical': 0.06203699692414331, 'mean_word_length': 3.0391951006124236, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5289861', 'n_tokens_mistral': 9748, 'n_tokens_neox': 8487, 'n_words': 2000}