Newnet
/
thelounge-theme-newnet
mirror of https://github.com/Newnetirc/thelounge-theme-newnet.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Change highlight into gradient, make it look nicer on mobile

This commit is contained in:
Pavel Djundik 2018-02-15 10:32:04 +02:00
parent f81788a6c9
commit 18152a50a2
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
theme.css
View File

@ -291,17 +291,14 @@ body {
border-bottom: 1px dotted #555; border-bottom: 1px dotted #555;
} }
#chat .channel .highlight,
#chat .channel .highlight .time,
#chat .channel .highlight .from, #chat .channel .highlight .from,
#chat .channel .highlight .from .user, #chat .channel .highlight .from .user,
#chat .channel .highlight .text { #chat .channel .highlight .text {
color: #fff !important; color: #fff !important;
} }
#chat .channel .highlight .time,
#chat .channel .highlight .from { #chat .channel .highlight .from {
background-color: #2072ac; background: linear-gradient(to right, transparent 0%, #2072ac 60%);
} }
#chat .channel .highlight .content { #chat .channel .highlight .content {
@ -354,6 +351,17 @@ body {
#chat .message .from .user::after { #chat .message .from .user::after {
content: ">"; content: ">";
} }
#chat .channel .highlight .time {
color: #fff;
background: #2072ac;
margin-left: -10px;
padding-left: 10px;
}
#chat .channel .highlight .from {
background: linear-gradient(to left, transparent 0%, #2072ac 100%);
}
} }
@media (min-width: 480px) { @media (min-width: 480px) {