Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
V
vmj-qt
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Kulya
vmj-qt
Commits
8546f805
Commit
8546f805
authored
Apr 09, 2014
by
Dan Pascu
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Added 2 more variants in the Smooth Operator style
parent
bf135acb
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
1125 additions
and
0 deletions
+1125
-0
Dim Icon-Time.style
resources/chat/styles/Smooth Operator/Dim Icon-Time.style
+587
-0
Dim Time-Icon.style
resources/chat/styles/Smooth Operator/Dim Time-Icon.style
+538
-0
No files found.
resources/chat/styles/Smooth Operator/Dim Icon-Time.style
0 → 100644
View file @
8546f805
@charset "utf-8";
body
{
margin: 0px;
background: rgba(0, 0, 0, 0.1);
-webkit-background-size: auto;
word-wrap: break-word;
word-break: break-word;
}
#chat
{
padding: 8px;
}
#chat .history:first-child.message
{
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3), 0px 0px 1px rgba(0, 0, 0, .4);
}
.first-focus:before
{
position: absolute;
margin-top: -4px;
right: 5px;
font-size: 9px;
content: "\2b07";
content: "\25bc";
color: rgba(64, 64, 64, 1);
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
.regained-focus:not(.consecutive):before
{
position: absolute;
margin-top: -18px;
right: 5px;
font-size: 9px;
content: "\2b06";
content: "\25b2";
color: rgba(64, 64, 64, 1);
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
.regained-focus:before
{
position: absolute;
margin-top: -7px;
right: 5px;
font-size: 9px;
content: "\2b06";
content: "\25b2";
color: rgba(64, 64, 64, 1);
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
.last-focus > #insert:before
{
position: absolute;
margin-top: -6px;
right: 5px;
font-size: 9px;
content: "\2b06";
content: "\25b2";
color: rgba(64, 64, 64, 1);
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
.message:not(.consecutive),
.status:not(.consecutive),
.event:not(.consecutive)
{
margin-right: 10px;
min-width: 7em;
}
.message:not(.consecutive):not(.history),
.status:not(.consecutive):not(.history),
.event:not(.consecutive):not(.history)
{
margin-top: 8px;
padding-top: 2px;
padding-bottom: 2px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
-webkit-border-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
}
.message.mention .x-message:before
{
position: absolute;
margin-top: -1px;
content: "\23af";
right: 4px;
font-size: 12px;
content: "\2605";
color: rgba(64, 64, 64, 1);
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
.message:not(.consecutive):not(.history)
{
min-height: 28px;
}
.message.consecutive:not(.history)
{
margin-left: 0px;
padding-top: 1px;
padding-bottom: 0px;
padding-right: 0px;
}
.message:not(.autoreply):not(.consecutive)
{
color: rgba(64, 64, 64, 1);
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) 37px 0px no-repeat;
-webkit-background-size: 37px 100%, 100% 100%;
-webkit-border-top-left-radius: 5px;
}
.message.show-icons:not(.autoreply):not(.consecutive):not(.history):not(.x-hover):not(.IRC)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240,240, 240, 1))) 0px 16px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 32px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 32px 32px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 37px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240, 240, 240, 1))) 37px 16px no-repeat;
-webkit-background-size: 32px 16px, 32px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
.mention.message.show-icons:not(.autoreply):not(.consecutive):not(.history):not(.x-hover):not(.IRC)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240,240, 240, .9))) 0px 16px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 32px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 32px 32px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 37px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240, 240, 240, .9))) 37px 16px no-repeat;
-webkit-background-size: 32px 16px, 32px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
.message.autoreply:not(.history):not(.consecutive):not(.x-hover)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 0px 16px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .25))) 32px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 32px 32px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 37px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 37px 16px no-repeat;
-webkit-background-size: 32px 16px, 32px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, 1);
}
.IRC.message:not(.mention):not(.autoreply):not(.consecutive):not(.history):not(.x-hover),
.message.hide-icons:not(.mention):not(.autoreply):not(.consecutive):not(.history):not(.x-hover)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 0px 32px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 5px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240, 240, 240, 1))) 5px 16px no-repeat;
-webkit-background-size: 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
.IRC.message.mention:not(.autoreply):not(.consecutive):not(.history):not(.x-hover),
.message.hide-icons.mention:not(.autoreply):not(.consecutive):not(.history):not(.x-hover)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 0px 32px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 5px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240, 240, 240, .9))) 5px 16px no-repeat;
-webkit-background-size: 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
.IRC.message.autoreply:not(.history):not(.consecutive):not(.x-hover),
.message.hide-icons.autoreply:not(.history):not(.consecutive):not(.x-hover)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .25))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 0px 32px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 5px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 5px 16px no-repeat;
-webkit-background-size: 5px 32px, 5px 100%, 100% 16px, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, 1);
}
.message.show-icons.x-hover:not(.consecutive):not(.history):not(.IRC)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, .75)), to(rgba(192, 192, 192, .75))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 37px 0px no-repeat;
-webkit-background-size: 32px 100%, 37px 100%, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
.IRC.message.x-hover:not(.consecutive),
.message.hide-icons.x-hover:not(.consecutive)
{
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .75))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 5px 0px no-repeat;
-webkit-background-size: 5px 100%, 100% 100%;
}
.message.consecutive
{
background: none !important;
}
.status:not(.consecutive):not(.history),
.event:not(.consecutive):not(.history)
{
color: rgba(244, 244, 244, 1);
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 0px 16px no-repeat;
-webkit-background-size: 100% 16px, 100% 100%;
}
.status:not(.consecutive).show-icons,
.event:not(.consecutive).show-icons
{
margin-left: 32px;
}
.status.consecutive,
.event.consecutive
{
margin-top: 2px;
}
.x-color
{
display: none;
}
.message img.x-icon
{
width: 32px;
height: 32px;
position: absolute;
left: 8px;
z-index: 3;
margin-top: -2px;
-webkit-border-top-left-radius: 5px;
}
.message .x-iconmask
{
width: 32px;
height: 32px;
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, 0))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))) 0px 16px no-repeat;
-webkit-background-size: 32px 16px, 32px 100%;
position: absolute;
z-index: 4;
margin-top: -2px;
-webkit-border-top-left-radius: 5px;
}
.autoreply.message:not(.x-hover) .x-iconmask
{
background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(64, 64, 64, .25))) 0px 0px no-repeat;
-webkit-background-size: 32px 16px;
}
.x-hover.message .x-iconmask
{
background: -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, .625)), to(rgba(192, 192, 192, .625))) 0px 0px no-repeat;
-webkit-background-size: 32px 32px;
}
.message.hide-icons img.x-icon,
.IRC.message img.x-icon,
.consecutive.message img.x-icon,
.consecutive.message .x-sender,
.history.message img.x-icon,
.message.hide-icons .x-iconmask,
.IRC.message .x-iconmask,
.consecutive.message .x-iconmask,
.history.message .x-iconmask
{
display: none !important;
}
.message .x-wrap
{
display: block;
margin-left: 37px;
padding-left: 3px;
padding-right: 5px;
padding-bottom: 1px;
}
.status .x-wrap,
.event .x-wrap
{
display: block;
margin-left: 5px;
padding-left: 3px;
padding-right: 5px;
padding-bottom: 1px;
}
.x-sender
{
font-weight: bold;
display: block;
padding-top: 1px;
padding-bottom: 2px;
}
.message.hide-icons .x-wrap,
.IRC.message .x-wrap
{
margin-left: 5px;
}
.message.autoreply:not(.history) .x-sender,
.message.autoreply:not(.history) .x-message
{
color: rgba(244, 244, 244, 1);
}
.x-ltime
{
display: none;
}
.x-rtime
{
float: right;
padding-left: 10px;
font-size: .9em;
margin-top: .15em;
color: rgba(184, 184, 184, 1);
}
.x-mark
{
position: absolute;
left: 39px;
margin-left: -0.054em;
margin-top: -1px;
margin-right: -2px;
letter-spacing: -0.2em;
font-size: 12px;
}
.x-mark:before
{
content: "\2023";
}
.message .x-mark
{
color: rgba(0, 0, 0, .8)
}
.status .x-mark,
.event .x-mark
{
color: rgba(255, 255, 255, .8)
}
.message.hide-icons .x-mark,
.status.hide-icons .x-mark,
.event.hide-icons .x-mark,
.IRC .x-mark
{
left: 7px;
}
.message.x-hover .x-sender,
.message.x-hover .x-rtime,
.message.x-hover .x-message
{
color: rgba(0, 0, 0, 1) !important;
}
img.emoticon
{
vertical-align: top;
}
/*.history img.emoticon
{
opacity: .4;
}*/
a,
a:link
{
color: inherit;
text-decoration: underline;
}
a:hover
{
border-bottom: 1px solid;
}
a:active
{
border-bottom: 2px solid;
}
img.fullSizeImage
{
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
img.scaledToFitImage
{
width: auto;
max-height: 10px;
}
/* history */
.history.message:not(.consecutive),
.history.status:not(.consecutive),
.history.event:not(.consecutive)
{
display: block;
margin-top: 0px;
margin-left: 32px;
margin-bottom: 0px;
-webkit-border-radius: 0px;
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
}
.history.status:not(.consecutive),
.history.event:not(.consecutive)
{
color: rgba(244, 244, 244, 1);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1))) 0px 0px no-repeat;
}
.history.status:first-child,
.history.event:first-child
{
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
.history.message:not(.consecutive):not(.x-hover)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .5)), to(rgba(248, 248, 248, .5))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 5px 0px no-repeat;
-webkit-background-size: 5px 100%, 100% 100%;
}
.history.mention.message:not(.consecutive):not(.x-hover)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .5)), to(rgba(248, 248, 248, .5))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(248, 248, 248, .9))) 5px 0px no-repeat;
-webkit-background-size: 5px 100%, 100% 100%;
}
.history.message.x-hover:not(.consecutive)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, .75)), to(rgba(200, 200, 200, .75))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 5px 0px no-repeat;
-webkit-background-size: 5px 100%, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
.history.message .x-wrap
{
margin-left: 5px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 1px;
}
.history.message .x-wrap .x-sender,
.history.message .x-wrap .x-message
{
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
}
.history.status .x-wrap,
.history.event .x-wrap
{
padding-top: 1px;
padding-bottom: 2px;
}
.history.message.hide-icons .x-wrap,
.history.IRC.message .x-wrap
{
margin-left: 5px;
}
.history.message:not(.consecutive).hide-icons,
.history.status:not(.consecutive).hide-icons,
.history.event:not(.consecutive).hide-icons,
.IRC:not(.consecutive)
{
margin-left: 0px !important;
}
.history .x-sender
{
display: inline;
}
.history .x-rtime
{
margin-right: 0px;
text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
}
.history.status .x-rtime,
.history.event .x-rtime
{
color: rgba(216, 216, 216, 1);
}
.history.status .x-message,
.history.event .x-message
{
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
padding-right: 4px;
}
.history.x-hover + .history.x-hover
{
-webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 1) !important;
}
/* header */
#x-wrap,
#x-header .x-icon,
#x-header .x-iconmask
{
-webkit-border-bottom-left-radius: 0px !important;
}
#x-wrap.IRC img.x-icon,
#x-wrap.IRC .x-iconmask
{
display: none;
}
#x-wrap.IRC .x-sender.x-incoming
{
left: 8px !important;
}
#x-wrap.IRC .x-sender.x-outgoing
{
right: 8px !important;
}
#x-wrap.IRC .x-color.x-incoming
{
left: 0px !important;
-webkit-border-top-left-radius: 5px !important;
}
#x-wrap.IRC .x-color.x-outgoing
{
right: 0px !important;
-webkit-border-top-right-radius: 5px !important;
-webkit-border-bottom-right-radius: 5px !important;
}
resources/chat/styles/Smooth Operator/Dim Time-Icon.style
0 → 100644
View file @
8546f805
@charset "utf-8";
body
{
margin: 0px;
background: rgba(0, 0, 0, 0.1);
-webkit-background-size: auto;
word-wrap: break-word;
word-break: break-word;
}
#chat
{
padding: 8px;
}
#chat .history:first-child.message
{
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3), 0px 0px 1px rgba(0, 0, 0, .4);
}
.first-focus:before
{
position: absolute;
margin-top: -4px;
right: 5px;
font-size: 9px;
content: "\2b07";
content: "\25bc";
color: rgba(64, 64, 64, 1);
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
.regained-focus:not(.consecutive):before
{
position: absolute;
margin-top: -18px;
right: 5px;
font-size: 9px;
content: "\2b06";
content: "\25b2";
color: rgba(64, 64, 64, 1);
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
.regained-focus:before
{
position: absolute;
margin-top: -7px;
right: 5px;
font-size: 9px;
content: "\2b06";
content: "\25b2";
color: rgba(64, 64, 64, 1);
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
.last-focus > #insert:before
{
position: absolute;
margin-top: -6px;
right: 5px;
font-size: 9px;
content: "\2b06";
content: "\25b2";
color: rgba(64, 64, 64, 1);
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
.message:not(.consecutive),
.status:not(.consecutive),
.event:not(.consecutive)
{
margin-right: 10px;
min-width: 7em;
}
.message:not(.consecutive):not(.history),
.status:not(.consecutive):not(.history),
.event:not(.consecutive):not(.history)
{
margin-top: 8px;
padding-top: 2px;
padding-bottom: 2px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
-webkit-border-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
}
.message.mention .x-message:before
{
position: absolute;
margin-top: -1px;
content: "\23af";
right: 4px;
font-size: 12px;
content: "\2605";
color: rgba(64, 64, 64, 1);
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
.message:not(.consecutive):not(.history)
{
min-height: 28px;
}
.message.consecutive:not(.history)
{
margin-left: 0px;
padding-top: 1px;
padding-bottom: 0px;
padding-right: 0px;
}
.message:not(.consecutive)
{
color: rgba(64, 64, 64, 1);
}
.message:not(.autoreply):not(.consecutive):not(.x-hover):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240,240, 240, 1))) 0px 16px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 48px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 48px 32px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 53px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240, 240, 240, 1))) 53px 16px no-repeat;
-webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
.mention.message:not(.autoreply):not(.consecutive):not(.x-hover):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240,240, 240, .9))) 0px 16px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 48px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 48px 32px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 53px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240, 240, 240, .9))) 53px 16px no-repeat;
-webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
.message.autoreply:not(.consecutive):not(.x-hover):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 0px 16px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .25))) 48px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 48px 32px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 53px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 53px 16px no-repeat;
-webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, 1);
}
.message.x-hover:not(.consecutive):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, .75)), to(rgba(192, 192, 192, .75))) 48px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 53px 0px no-repeat;
-webkit-background-size: 48px 100%, 5px 100%, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
.message.consecutive
{
background: none !important;
}
.status:not(.consecutive):not(.history),
.event:not(.consecutive):not(.history)
{
color: rgba(244, 244, 244, 1);
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 0px 16px no-repeat;
-webkit-background-size: 100% 16px, 100% 100%;
}
.status.consecutive,
.event.consecutive
{
margin-top: 2px;
}
.x-color
{
display: none;
}
.message img.x-icon
{
height: 32px !important;
width: 32px !important;
float: right;
z-index: 3;
margin-top: -2px;
-webkit-border-top-right-radius: 5px;
}
.message .x-iconmask
{
height: 32px;
width: 32px;
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, 0))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))) 0px 16px no-repeat;
-webkit-background-size: 32px 16px, 32px 100%;
position: absolute;
right: 18px;
z-index: 4;
margin-top: -2px;
-webkit-border-top-right-radius: 5px;
}
.autoreply.message:not(.x-hover) .x-iconmask
{
background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(64, 64, 64, .25))) 0px 0px no-repeat;
-webkit-background-size: 32px 16px;
}
.x-hover.message .x-iconmask
{
background: -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, .625)), to(rgba(192, 192, 192, .625))) 0px 0px no-repeat;
-webkit-background-size: 32px 32px;
}
.message.hide-icons img.x-icon,
.IRC.message img.x-icon,
.consecutive.message img.x-icon,
.consecutive.message .x-sender,
.history.message img.x-icon,
.message.hide-icons .x-iconmask,
.IRC.message .x-iconmask,
.consecutive.message .x-iconmask,
.history.message .x-iconmask
{
display: none !important;
}
.message .x-wrap
{
display: block;
margin-left: 48px;
padding-left: 8px;
padding-right: 10px;
padding-bottom: 1px;
}
.status .x-wrap,
.event .x-wrap
{
display: block;
margin-left: 48px;
padding-left: 8px;
padding-right: 10px;
padding-bottom: 1px;
}
.x-sender
{
font-weight: bold;
display: block;
padding-top: 1px;
padding-bottom: 2px;
}
.message.autoreply:not(.history) .x-sender,
.message.autoreply:not(.history) .x-message
{
color: rgba(244, 244, 244, 1);
}
.x-rtime
{
display: none;
}
.x-ltime
{
position: absolute;
left: 12px;
margin-top: 1px;
font-size: 9px;
width: 4.5em;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.message .x-ltime
{
color: rgba(152, 152, 152, 1);
}
.autoreply .x-ltime,
.status .x-ltime,
.event .x-ltime
{
color: rgba(168, 168, 168, 1);
}
.x-mark
{
position: absolute;
left: 55px;
margin-left: -0.054em;
margin-top: -1px;
margin-right: -2px;
letter-spacing: -0.2em;
font-size: 12px;
}
.x-mark:before
{
content: "\2023";
}
.message .x-mark
{
color: rgba(0, 0, 0, .8)
}
.status .x-mark,
.event .x-mark
{
color: rgba(120, 120, 120, 1);
}
.message.x-hover .x-sender,
.message.x-hover .x-ltime,
.message.x-hover .x-message
{
color: rgba(0, 0, 0, 1) !important;
}
img.emoticon
{
vertical-align: top;
}
/*.history img.emoticon
{
opacity: .4;
}*/
a,
a:link
{
color: inherit;
text-decoration: underline;
}
a:hover
{
border-bottom: 1px solid;
}
a:active
{
border-bottom: 2px solid;
}
img.fullSizeImage
{
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
img.scaledToFitImage
{
width: auto;
max-height: 10px;
}
/* history */
.history.message:not(.consecutive),
.history.status:not(.consecutive),
.history.event:not(.consecutive)
{
display: block;
margin-top: 0px;
margin-bottom: 0px;
-webkit-border-radius: 0px;
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
}
.history.status:not(.consecutive),
.history.event:not(.consecutive)
{
color: rgba(244, 244, 244, 1);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1))) 0px 0px no-repeat;
}
.history.x-hover + .history.x-hover
{
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
.history.status,
.history.event
{
border-left: 1px solid rgba(128, 128, 128, 1);
border-right: 1px solid rgba(128, 128, 128, 1);
margin-right: 9px;
margin-left: -1px;
}
.history.status:first-child,
.history.event:first-child
{
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
.history.status .x-message,
.history.event .x-message
{
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
}
.history.message:not(.consecutive)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .5)), to(rgba(248, 248, 248, .5))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 53px 0px no-repeat;
-webkit-background-size: 48px 100%, 53px 100%, 100% 100%;
}
.history.mention.message:not(.consecutive)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(248, 248, 248, .9))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .5)), to(rgba(248, 248, 248, .5))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(248, 248, 248, .9))) 53px 0px no-repeat;
-webkit-background-size: 48px 100%, 53px 100%, 100% 100%;
}
.history.message.x-hover:not(.consecutive)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, .75)), to(rgba(200, 200, 200, .75))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 53px 0px no-repeat;
-webkit-background-size: 48px 100%, 53px 100%, 100% 100%;
}
.history.message .x-wrap
{
margin-top: 0px;
margin-bottom: 0px;
padding-top: 1px;
}
.history.message .x-wrap .x-sender,
.history.message .x-wrap .x-message
{
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
}
.history.status .x-wrap,
.history.event .x-wrap
{
padding-top: 1px;
padding-bottom: 2px;
}
.history .x-sender
{
display: inline;
}
.history .x-ltime
{
text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
}
.history.status .x-ltime,
.history.event .x-ltime
{
color: rgba(216, 216, 216, 1);
}
.history.status .x-mark,
.history.event .x-mark
{
color: rgba(152, 152, 152, 1);
}
.history.x-hover + .history.x-hover
{
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
/* header */
#x-wrap,
#x-header .x-icon,
#x-header .x-iconmask
{
-webkit-border-bottom-right-radius: 0px !important;
}
#x-wrap.IRC img.x-icon,
#x-wrap.IRC .x-iconmask
{
display: none;
}
#x-wrap.IRC .x-sender.x-incoming
{
left: 8px !important;
}
#x-wrap.IRC .x-sender.x-outgoing
{
right: 8px !important;
}
#x-wrap.IRC .x-color.x-incoming
{
left: 0px !important;
-webkit-border-top-left-radius: 5px !important;
-webkit-border-bottom-left-radius: 5px !important;
}
#x-wrap.IRC .x-color.x-outgoing
{
right: 0px !important;
-webkit-border-top-right-radius: 5px !important;
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
