Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2025-01-09 00:20:08 +00:00
Code Issues Releases Wiki Activity

Move CSS from Template to less

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
file/style/be.bastelstu.wcf.chat.less
View File

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

17
template/chat.tpl
View File

@ -7,19 +7,6 @@
<style type="text/css">
#timsChatCopyrightDialog {
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_'}
@ -45,10 +32,6 @@
.timsChatMessage{$type|concat:'ERROR'|constant} {
background-image: url({icon size='S'}systemError{/icon});
}
.ajaxLoad {
background-image: url({icon size='S'}spinner{/icon});
}
</style>
</head>