|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154 |
- @import "../../../css/ui.less";
-
- @pad: 8px;
- @btnSize: 64px;
-
- .uiMessages {
- position: absolute;
- left: 10px;
- bottom: 10px;
-
- width: 480px;
- padding: @pad;
-
- pointer-events: none;
-
- &.typing {
- pointer-events: all;
-
- .el.message {
- display: block;
- }
-
- .filters {
- pointer-events: all;
- display: block;
- }
-
- .list {
- overflow-y: auto;
- background-color: @darkGray;
-
- .list-message {
- filter: none;
- }
- }
- }
-
- &.active {
- .list-message {
- opacity: 1 !important;
- }
- }
-
- .filters {
- display: none;
- width: 100%;
- height: 26px;
- margin-bottom: 10px;
-
- .filter {
- height: 100%;
- background-color: @blackC;
- float: left;
- color: @blackA;
- margin-right: 10px;
- padding: 5px 10px;
- cursor: pointer;
-
- &:hover {
- background-color: @blackB;
- color: @grayD;
- }
-
- &.active {
- background-color: @blackB;
- color: @green;
-
- &:hover {
- background-color: @blackA;
- color: @grayB;
- }
- }
- }
- }
-
- .list {
- overflow-y: hidden;
- width: 100%;
- max-height: 320px;
-
- .list-message {
- width: 100%;
- padding: 5px 10px;
- color: white;
- filter:
- drop-shadow(0px -2px 0px @blackD)
- drop-shadow(0px 2px 0px @blackD)
- drop-shadow(2px 0px 0px @blackD)
- drop-shadow(-2px 0px 0px @blackD);
-
- word-wrap: break-word;
- line-height: 18px;
-
- &.q0 {
- color: @white;
- }
-
- &.q1 {
- color: @blue;
- }
-
- a, &.q2 {
- color: @yellow;
- }
-
- &.q3 {
- color: @purple;
- }
-
- &.q4 {
- color: @orange;
- }
-
- &.color-green {
- color: @green;
- }
-
- &.color-red {
- color: @red;
- }
-
- &.color-cyan {
- color: @blueA;
- }
-
- display: none;
- }
-
- &.rep .list-message.rep {
- display: block;
- }
-
- &.chat .list-message.chat {
- display: block;
- }
-
- &.info .list-message.info {
- display: block;
- }
-
- &.loot .list-message.loot {
- display: block;
- }
- }
-
- .el.message {
- display: none;
- text-align: left;
- background-color: @gray;
- width: 100%;
- color: @white;
- padding: 5px 10px;
- }
- }
|