1
0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2025-01-09 00:20:08 +00:00

Move CSS from Template to less

This commit is contained in:
Tim Düsterhus 2012-10-15 14:39:59 +02:00
parent 167679d2c3
commit fd75bf99ab
2 changed files with 326 additions and 319 deletions

View File

@ -7,6 +7,7 @@
* @package be.bastelstu.wcf.chat * @package be.bastelstu.wcf.chat
*/ */
#tplChat {
#content { #content {
position: relative; position: relative;
} }
@ -138,9 +139,24 @@
} }
} }
} }
.timsChatAway { .timsChatAway {
opacity: .5; opacity: .5;
} }
> li {
> a {
background-image: url("../icon/arrowRight.svg");
background-position: 15px center;
background-repeat: no-repeat;
}
&.activeMenuItem {
> a {
background-image: url("../icon/arrowDown.svg");
}
}
}
} }
.timsChatMessage { .timsChatMessage {
@ -170,6 +186,7 @@
background-position: right center; background-position: right center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto 100%; background-size: auto 100%;
background-image: url("../icon/spinner.svg");
} }
.timsChatSidebarTabs { .timsChatSidebarTabs {
@ -283,6 +300,12 @@
.textShadow(@wcfContentBackgroundColor); .textShadow(@wcfContentBackgroundColor);
} }
#timsChatCopyrightDialog {
background-position: right 45px;
background-repeat: no-repeat;
min-height: 50%;
}
.sidebarContent { .sidebarContent {
padding-top: 0px; padding-top: 0px;
> div { > div {
@ -321,7 +344,7 @@ html.fullscreen {
display: none; display: none;
} }
#tplChat { body {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
@ -348,3 +371,4 @@ html.fullscreen {
.badgeBG(@backgroundColor) when (lightness(@backgroundColor) >= 50%) { .badgeBG(@backgroundColor) when (lightness(@backgroundColor) >= 50%) {
background-color: darken(@backgroundColor, lightness(@backgroundColor) / 2); background-color: darken(@backgroundColor, lightness(@backgroundColor) / 2);
} }
}

View File

@ -7,19 +7,6 @@
<style type="text/css"> <style type="text/css">
#timsChatCopyrightDialog { #timsChatCopyrightDialog {
background-image: url("{link controller='Chat' action='Copyright' sheep=1}{/link}"); background-image: url("{link controller='Chat' action='Copyright' sheep=1}{/link}");
background-position: right 45px;
background-repeat: no-repeat;
min-height: 50%;
}
#timsChatUserList > li > a {
background-image: url({icon size='S'}arrowRight{/icon});
background-position: 15px center;
background-repeat: no-repeat;
}
#timsChatUserList > li.activeMenuItem > a {
background-image: url({icon size='S'}arrowDown{/icon});
} }
{assign var='type' value='\wcf\data\chat\message\ChatMessage::TYPE_'} {assign var='type' value='\wcf\data\chat\message\ChatMessage::TYPE_'}
@ -45,10 +32,6 @@
.timsChatMessage{$type|concat:'ERROR'|constant} { .timsChatMessage{$type|concat:'ERROR'|constant} {
background-image: url({icon size='S'}systemError{/icon}); background-image: url({icon size='S'}systemError{/icon});
} }
.ajaxLoad {
background-image: url({icon size='S'}spinner{/icon});
}
</style> </style>
</head> </head>