2012-01-07 16:47:38 +00:00
|
|
|
|
/**
|
2014-02-08 02:21:25 +00:00
|
|
|
|
* Styles for Tim’s Chat
|
|
|
|
|
*
|
2012-01-07 16:47:38 +00:00
|
|
|
|
* @author Tim Düsterhus, Maximilian Mader
|
2014-02-08 02:21:25 +00:00
|
|
|
|
* @copyright 2010-2014 Tim Düsterhus
|
2012-01-07 16:47:38 +00:00
|
|
|
|
* @license Creative Commons Attribution-NonCommercial-ShareAlike <http://creativecommons.org/licenses/by-nc-sa/3.0/legalcode>
|
2013-09-10 19:45:37 +00:00
|
|
|
|
* @package be.bastelstu.chat
|
2012-01-07 16:47:38 +00:00
|
|
|
|
*/
|
2014-02-08 02:21:25 +00:00
|
|
|
|
|
|
|
|
|
@-webkit-keyframes timsChatNotify {
|
2013-05-30 20:20:31 +00:00
|
|
|
|
from {
|
|
|
|
|
border-color: @wcfContainerBorderColor;
|
|
|
|
|
}
|
2013-10-16 13:40:29 +00:00
|
|
|
|
|
2013-05-30 20:20:31 +00:00
|
|
|
|
to {
|
|
|
|
|
border-color: @wcfInputHoverBorderColor;
|
|
|
|
|
}
|
2013-05-30 17:03:37 +00:00
|
|
|
|
}
|
2013-06-24 15:41:52 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
@-moz-keyframes timsChatNotify {
|
|
|
|
|
from {
|
|
|
|
|
border-color: @wcfContainerBorderColor;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
border-color: @wcfInputHoverBorderColor;
|
|
|
|
|
}
|
2013-06-24 15:41:52 +00:00
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
@-o-keyframes timsChatNotify {
|
|
|
|
|
from {
|
|
|
|
|
border-color: @wcfContainerBorderColor;
|
2013-01-09 18:59:32 +00:00
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
to {
|
|
|
|
|
border-color: @wcfInputHoverBorderColor;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes timsChatNotify {
|
|
|
|
|
from {
|
|
|
|
|
border-color: @wcfContainerBorderColor;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
border-color: @wcfInputHoverBorderColor;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// only apply styles to Tim’s Chat
|
|
|
|
|
#tplChat {
|
|
|
|
|
#content {
|
|
|
|
|
// styles related to the topic container
|
|
|
|
|
#timsChatTopic {
|
|
|
|
|
position: relative;
|
2013-09-15 20:39:40 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
#timsChatTopicCloser {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: @wcfGapSmall;
|
|
|
|
|
right: @wcfGapSmall;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
color: @wcfLinkColor;
|
|
|
|
|
}
|
2013-07-12 15:15:13 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
2013-09-15 20:39:40 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
#timsChatMessageTabMenu {
|
|
|
|
|
&.singleTab {
|
|
|
|
|
> nav.tabMenu {
|
|
|
|
|
// hide tab menu when single tabbed
|
|
|
|
|
// this is “a bit” hacky
|
|
|
|
|
display: none !important;
|
2013-07-12 15:15:13 +00:00
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
// overwrite WCF margin overwrite on tab menu content with WCF marginTop like margin
|
|
|
|
|
// this is “a bit” hacky
|
|
|
|
|
margin-top: @wcfGapMedium !important;
|
2013-10-16 13:40:29 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
> .tabMenuContent {
|
2013-07-12 15:15:13 +00:00
|
|
|
|
}
|
2013-10-16 13:40:29 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
.timsChatMessageContainer {
|
|
|
|
|
&.notify {
|
|
|
|
|
-webkit-animation-duration: .2s;
|
|
|
|
|
-webkit-animation-name: timsChatNotify;
|
|
|
|
|
-webkit-animation-iteration-count: 5;
|
|
|
|
|
-webkit-animation-direction: alternate;
|
|
|
|
|
-webkit-animation-timing-function: linear;
|
2013-07-12 18:52:54 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
-moz-animation-duration: .2s;
|
|
|
|
|
-moz-animation-name: timsChatNotify;
|
|
|
|
|
-moz-animation-iteration-count: 5;
|
|
|
|
|
-moz-animation-direction: alternate;
|
|
|
|
|
-moz-animation-timing-function: linear;
|
2013-07-12 18:52:54 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
-o-animation-duration: .2s;
|
|
|
|
|
-o-animation-name: timsChatNotify;
|
|
|
|
|
-o-animation-iteration-count: 5;
|
|
|
|
|
-o-animation-direction: alternate;
|
|
|
|
|
-o-animation-timing-function: linear;
|
|
|
|
|
|
|
|
|
|
animation-duration: .2s;
|
|
|
|
|
animation-name: timsChatNotify;
|
|
|
|
|
animation-iteration-count: 5;
|
|
|
|
|
animation-direction: alternate;
|
|
|
|
|
animation-timing-function: linear;
|
|
|
|
|
|
|
|
|
|
border-color: @wcfInputHoverBorderColor;
|
2013-07-24 10:55:47 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
2013-07-12 15:15:13 +00:00
|
|
|
|
}
|
2014-02-08 02:21:25 +00:00
|
|
|
|
|
|
|
|
|
> nav.tabMenu {
|
|
|
|
|
> ul {
|
|
|
|
|
> li {
|
|
|
|
|
> a {
|
|
|
|
|
.notifyIcon {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> .icon, img {
|
|
|
|
|
// fix vertical alignment of images in tabs
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
margin-right: @wcfGapTiny;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// styles related to the close button of private channels in tabs
|
|
|
|
|
.jsChannelCloser {
|
|
|
|
|
&:hover {
|
|
|
|
|
color: @wcfLinkColor;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.notify {
|
|
|
|
|
.notifyIcon {
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
2013-04-26 21:00:48 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2013-01-09 18:59:32 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
.timsChatMessageContainer {
|
2014-02-27 22:32:16 +00:00
|
|
|
|
min-height: 100px;
|
2014-02-08 02:21:25 +00:00
|
|
|
|
height: 300px;
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
overflow-x: hidden;
|
2014-02-27 22:32:16 +00:00
|
|
|
|
resize: vertical;
|
2014-02-08 02:21:25 +00:00
|
|
|
|
|
|
|
|
|
.timsChatMarkContainer {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> ul {
|
|
|
|
|
> .timsChatMessage {
|
|
|
|
|
clear: both;
|
|
|
|
|
|
|
|
|
|
&.unloaded {
|
|
|
|
|
opacity: 0.5;
|
2013-06-23 16:48:48 +00:00
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
> .timsChatMessageIcon {
|
2013-11-21 20:56:57 +00:00
|
|
|
|
float: left;
|
2014-02-08 02:21:25 +00:00
|
|
|
|
margin-right: -16px;
|
2013-01-30 15:34:02 +00:00
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
> .timsChatInnerMessageContainer {
|
|
|
|
|
position: relative;
|
2013-09-10 19:44:08 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
> .timsChatAvatarContainer {
|
|
|
|
|
position: relative;
|
|
|
|
|
float: left;
|
|
|
|
|
margin-left: 16px;
|
|
|
|
|
|
|
|
|
|
> .timsChatAvatarExtraIcon {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: -8px;
|
|
|
|
|
right: -8px;
|
2013-06-23 21:40:12 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
2013-06-23 16:48:48 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
.timsChatInnerMessage {
|
|
|
|
|
margin-left: 32 + @wcfGapMedium; // size of avatars + a small gap
|
|
|
|
|
padding-right: @wcfGapSmall;
|
2013-06-23 16:48:48 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
.timsChatUsernameContainer {
|
|
|
|
|
// sender username
|
2014-02-27 22:12:22 +00:00
|
|
|
|
> span:not(.icon):not(.receiver) {
|
2014-02-08 02:21:25 +00:00
|
|
|
|
font-weight: bold;
|
2013-06-23 17:45:20 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
time {
|
|
|
|
|
float: right;
|
2013-06-24 15:41:52 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
&.bubble {
|
|
|
|
|
> .timsChatAvatarContainer {
|
|
|
|
|
margin-left: 0px;
|
2013-06-24 15:41:52 +00:00
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
.timsChatInnerMessage {
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
padding: @wcfGapSmall;
|
|
|
|
|
border-radius: @wcfContainerBorderRadius;
|
|
|
|
|
border-style: solid;
|
|
|
|
|
border-width: 1px;
|
|
|
|
|
border-color: @wcfContainerBorderColor;
|
2013-06-24 15:41:52 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
> .timsChatText {
|
2014-02-27 19:43:54 +00:00
|
|
|
|
> li {
|
2014-02-08 02:21:25 +00:00
|
|
|
|
border-style: solid;
|
|
|
|
|
border-width: 0 0 1px 0;
|
|
|
|
|
border-color: @wcfContainerBorderColor;
|
|
|
|
|
padding: (@wcfGapTiny - 1) 0 @wcfGapTiny;
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
border-style: none;
|
|
|
|
|
padding: (@wcfGapTiny - 1) 0 0 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// :before and :after are used to create the little arrows on the “speech bubble containers”
|
|
|
|
|
&:before, &:after {
|
|
|
|
|
content: "";
|
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 0;
|
|
|
|
|
border-style: solid;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:before{
|
|
|
|
|
border-color: transparent @wcfContainerBorderColor;
|
|
|
|
|
left: -@wcfGapSmall;
|
|
|
|
|
top: @wcfGapSmall;
|
|
|
|
|
border-width: @wcfGapSmall @wcfGapSmall @wcfGapSmall 0;
|
2013-06-24 15:41:52 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:after {
|
|
|
|
|
border-color: transparent @wcfContainerBackgroundColor;
|
2014-02-08 02:21:25 +00:00
|
|
|
|
left: -@wcfGapSmall + 1;
|
|
|
|
|
top: @wcfGapSmall + 1;
|
|
|
|
|
border-width: (@wcfGapSmall - 1) (@wcfGapSmall - 1) (@wcfGapSmall - 1) 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.right {
|
|
|
|
|
> .timsChatAvatarContainer {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.timsChatInnerMessage {
|
|
|
|
|
margin-right: 32 + @wcfGapMedium;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
|
|
|
|
&:before{
|
|
|
|
|
border-color: transparent @wcfContainerBorderColor;
|
|
|
|
|
left: auto;
|
|
|
|
|
right: -@wcfGapSmall;
|
|
|
|
|
top: @wcfGapSmall;
|
|
|
|
|
border-width: @wcfGapSmall 0 @wcfGapSmall @wcfGapSmall;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:after {
|
|
|
|
|
border-color: transparent @wcfContainerBackgroundColor;
|
|
|
|
|
left: auto;
|
|
|
|
|
right: -@wcfGapSmall + 1;
|
|
|
|
|
top: @wcfGapSmall + 1;
|
|
|
|
|
border-width: (@wcfGapSmall - 1) 0 (@wcfGapSmall - 1) (@wcfGapSmall - 1);
|
|
|
|
|
}
|
2013-06-24 15:41:52 +00:00
|
|
|
|
}
|
2013-06-23 16:48:48 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
2013-01-30 15:34:02 +00:00
|
|
|
|
}
|
2013-04-22 15:04:23 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
&:nth-child(even) {
|
|
|
|
|
> .timsChatInnerMessageContainer {
|
|
|
|
|
&.bubble {
|
|
|
|
|
.timsChatInnerMessage {
|
|
|
|
|
background-color: @wcfContainerAccentBackgroundColor;
|
|
|
|
|
|
|
|
|
|
&:after {
|
|
|
|
|
border-color: transparent @wcfContainerAccentBackgroundColor;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-23 00:17:15 +00:00
|
|
|
|
> .timsChatInnerMessageContainer {
|
|
|
|
|
margin-bottom: @wcfGapSmall;
|
2014-02-08 02:21:25 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.markEnabled {
|
|
|
|
|
> ul {
|
|
|
|
|
> .timsChatMessage {
|
|
|
|
|
&.jsMarked {
|
|
|
|
|
> .timsChatInnerMessageContainer {
|
|
|
|
|
.timsChatInnerMessage {
|
|
|
|
|
background-color: @wcfSelectedBackgroundColor;
|
|
|
|
|
color: @wcfSelectedColor;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.bubble {
|
|
|
|
|
.timsChatInnerMessage {
|
|
|
|
|
&:after {
|
|
|
|
|
border-color: transparent @wcfSelectedBackgroundColor;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.right {
|
|
|
|
|
.timsChatInnerMessage {
|
|
|
|
|
&:after {
|
|
|
|
|
border-color: transparent @wcfSelectedBackgroundColor;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> .timsChatInnerMessageContainer {
|
|
|
|
|
.timsChatMarkContainer {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: -@wcfGapLarge;
|
|
|
|
|
top: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
2013-04-22 15:04:23 +00:00
|
|
|
|
}
|
2013-01-30 15:34:02 +00:00
|
|
|
|
}
|
2013-01-28 19:45:57 +00:00
|
|
|
|
}
|
2012-10-19 20:26:12 +00:00
|
|
|
|
}
|
2013-05-03 18:27:41 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
#smilies {
|
|
|
|
|
.marginTop();
|
|
|
|
|
|
|
|
|
|
// don't display the smiley box on low resolution devices as a button will be shown instead
|
|
|
|
|
@media only screen and (max-width: 800px) {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&, &.invisible {
|
|
|
|
|
-webkit-transition: opacity .2s ease-in-out;
|
|
|
|
|
-moz-transition: opacity .2s ease-in-out;
|
|
|
|
|
-ms-transition: opacity .2s ease-in-out;
|
|
|
|
|
-o-transition: opacity .2s ease-in-out;
|
|
|
|
|
transition: opacity .2s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.invisible {
|
|
|
|
|
opacity: .5;
|
2013-05-03 18:27:41 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
#timsChatOptions {
|
|
|
|
|
float: right;
|
|
|
|
|
|
|
|
|
|
// styles related to the smiley button that replaces the smiley box on low resolution devices
|
|
|
|
|
#timsChatSmileyPopupButton {
|
|
|
|
|
display: none;
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 800px) {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
2013-11-21 21:05:43 +00:00
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
// fix option buttons on low resolution devices, it will become a dropup not a dropdown
|
|
|
|
|
> nav.buttonGroupNavigation {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 800px) {
|
|
|
|
|
margin-right: @wcfGapSmall;
|
|
|
|
|
|
|
|
|
|
> ul {
|
|
|
|
|
right: 1px;
|
|
|
|
|
top: auto;
|
|
|
|
|
bottom: 24px;
|
2013-11-21 21:05:43 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
// clear the float on the first element after the option container, maybe someone alters their templates and puts an element down there ;)
|
|
|
|
|
+ * {
|
|
|
|
|
clear: right;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sidebar {
|
|
|
|
|
> div {
|
|
|
|
|
> fieldset{
|
|
|
|
|
padding-right: @wcfGapTiny;
|
|
|
|
|
|
|
|
|
|
> div {
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
|
|
|
|
> ul {
|
|
|
|
|
padding-right: @wcfGapSmall;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&#timsChatUserListContainer {
|
|
|
|
|
> div {
|
|
|
|
|
height: 250px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&#timsChatRoomListContainer {
|
|
|
|
|
> div#timsChatRoomList {
|
|
|
|
|
height: 150px;
|
|
|
|
|
}
|
2013-11-21 21:05:43 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
2014-02-08 02:21:25 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#timsChatUserList {
|
|
|
|
|
> ul {
|
2014-02-27 21:16:08 +00:00
|
|
|
|
> .timsChatUser {
|
2014-02-08 02:21:25 +00:00
|
|
|
|
&.you {
|
|
|
|
|
a {
|
|
|
|
|
&:hover {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
2012-10-25 20:58:54 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-27 21:16:08 +00:00
|
|
|
|
&.away {
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
a {
|
|
|
|
|
img {
|
|
|
|
|
margin-right: @wcfGapTiny;
|
|
|
|
|
}
|
2012-10-25 20:58:54 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2013-05-03 18:27:41 +00:00
|
|
|
|
}
|
|
|
|
|
|
2013-10-06 15:34:20 +00:00
|
|
|
|
#timsChatUploadInput {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#timsChatUploadContainer {
|
|
|
|
|
.innerError {
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-27 19:52:47 +00:00
|
|
|
|
#timsChatUploadDropdownMenu {
|
|
|
|
|
z-index: 398;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
#timsChatCopyrightDialog {
|
2013-05-03 18:27:41 +00:00
|
|
|
|
> div {
|
2014-02-08 02:21:25 +00:00
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-position: right top;
|
2011-12-26 20:00:11 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
2012-08-28 20:29:34 +00:00
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
#fish {
|
|
|
|
|
font-size: 2rem;
|
2013-09-15 20:39:40 +00:00
|
|
|
|
}
|
2014-02-27 21:16:08 +00:00
|
|
|
|
|
|
|
|
|
.dialogContent {
|
|
|
|
|
.smileyList {
|
|
|
|
|
> li {
|
|
|
|
|
> a {
|
|
|
|
|
img {
|
|
|
|
|
margin: @wcfGapTiny;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2012-10-15 14:45:22 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
html.fullscreen {
|
2014-02-23 00:17:15 +00:00
|
|
|
|
html, body {
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
&,
|
|
|
|
|
body,
|
|
|
|
|
#tplChat #main,
|
|
|
|
|
#tplChat #main > div,
|
|
|
|
|
#tplChat #main > div > div,
|
|
|
|
|
#tplChat #content {
|
|
|
|
|
width: 100%;
|
2013-04-09 15:37:02 +00:00
|
|
|
|
height: 100%;
|
2014-02-08 02:21:25 +00:00
|
|
|
|
max-width: 100%;
|
|
|
|
|
max-height: 100%;
|
2013-05-03 18:27:41 +00:00
|
|
|
|
}
|
|
|
|
|
|
2014-02-08 02:21:25 +00:00
|
|
|
|
#top,
|
|
|
|
|
#pageHeader,
|
2014-02-23 00:17:15 +00:00
|
|
|
|
#pageFooter,
|
|
|
|
|
#mainMenu,
|
|
|
|
|
#topMenu {
|
2014-02-08 02:21:25 +00:00
|
|
|
|
display: none;
|
2012-06-13 15:55:20 +00:00
|
|
|
|
}
|
2014-02-23 00:17:15 +00:00
|
|
|
|
|
|
|
|
|
.sidebar, #main, #content {
|
|
|
|
|
padding-bottom: 0;
|
2014-02-27 18:13:42 +00:00
|
|
|
|
}
|
|
|
|
|
|
2014-02-27 22:32:16 +00:00
|
|
|
|
#tplChat {
|
|
|
|
|
#content {
|
|
|
|
|
.timsChatMessageContainer {
|
|
|
|
|
resize: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-27 18:13:42 +00:00
|
|
|
|
#main, #content {
|
|
|
|
|
padding-top: 0;
|
2014-02-23 00:17:15 +00:00
|
|
|
|
border-top: none;
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
2012-09-23 15:37:18 +00:00
|
|
|
|
}
|