.status__edit-notice, .status__unpublished-notice { margin-bottom: 1em; & > span { color: $dark-text-color; line-height: normal; font-style: italic; font-size: 12px; padding-left: 8px; position: relative; bottom: 0.25em; } & > i { color: lighten($dark-text-color, 4%); } } .status__permissions { font-size: 12px; margin-top: 1em; & > summary { font-size: 12px; &:focus, &:active { outline: none; } } & > summary > span, & > ul > li > span { color: lighten($dark-text-color, 4%); padding-left: 8px; } & > ul > li > span > span:first-child { display: inline-block; text-transform: capitalize; min-width: 5em; } & > summary > i { color: #999966; } & > ul > li.permission-status > i { color: #99cccc; } & > ul > li.permission-account > i { color: #cc99cc; } & > ul > li > span > span, & > ul > li > span > code { color: lighten($dark-text-color, 30%); } } .status, .detailed-status { &.unpublished { background: darken($ui-base-color, 4%); &:focus { background: lighten($ui-base-color, 4%); } } } div[data-nest-level] { border-style: solid; } @for $i from 0 through 15 { div[data-nest-level="#{$i}"] { border-left-width: #{$i * 5}px; border-left-color: darken($ui-base-color, 8%); } } div[data-nest-deep="true"] { border-left-width: 75px; border-left-color: darken($ui-base-color, 8%); } .status__content { .status__content__text, .e-content { img { max-width: 100%; margin: 1em auto; } } } div.media-caption { p { font-size: 12px !important; margin-bottom: 0; text-align: center; } a { color: $secondary-text-color; text-decoration: none; font-weight: bold; &:hover { text-decoration: underline; .fa { color: lighten($dark-text-color, 7%); } } &.mention { &:hover { text-decoration: none; span { text-decoration: underline; } } } .fa { color: $dark-text-color; } } }