Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-12-22 21:40:08 +00:00
Code Issues Releases Wiki Activity

Modified sidebar and fixed some minor positioning errors.

Browse Source
This commit is contained in:
max-m 2012-07-07 22:30:28 +02:00
parent 2f664ceccc
commit 6e61152665
1 changed files with 48 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
file/style/be.bastelstu.wcf.chat.scss
View File

@ -72,7 +72,7 @@ #timsChatControls {
} }
#timsChatOptions { #timsChatOptions {
bottom: -29px; bottom: -28px;
margin-left: 0; margin-left: 0;
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -111,16 +111,22 @@ #timsChatOptions {
#timsChatUserList { #timsChatUserList {
.timsChatUserMenu { .timsChatUserMenu {
display: none; display: none;
li { background-color: rgba(0, 0, 0, 0.1);
a { margin-bottom: -5px;
margin-left: 30px !important; padding: 1px 0 6px;
} box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1) inset;
} border-bottom: 1px solid #FFFFFF;
color: rgba(0, 0, 0, 0.4);
text-shadow: none;
> li { > li {
a { a {
margin-left: 20px; background-color: rgba(255, 255, 255, 0.22);
} border-radius: 5px 0 0 5px;
margin-left: 35px;
padding: 1px 0 1px 15px;
color: #555;
}
} }
} }
.timsChatAway { .timsChatAway {
@ -160,9 +166,10 @@ .ajaxLoad {
} }
.timsChatSidebarTabs { .timsChatSidebarTabs {
height: 32px; height: 34px;
z-index: 101; z-index: 131;
position: relative; position: relative;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
.left & { .left & {
margin-right: 1px; margin-right: 1px;
@ -174,8 +181,7 @@ .timsChatSidebarTabs {
ul { ul {
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border-bottom: 1px solid #FFFFFF; height: 33px;
height: 31px;
li { li {
width: 50%; width: 50%;
@ -190,9 +196,10 @@ .timsChatSidebarTabs {
-moz-transition-property: border-radius, background-color, font-size; -moz-transition-duration: .2s; -moz-transition-property: border-radius, background-color, font-size; -moz-transition-duration: .2s;
-webkit-transition-property: border-radius, background-color, font-size; -webkit-transition-duration: .2s; -webkit-transition-property: border-radius, background-color, font-size; -webkit-transition-duration: .2s;
.collapsed & {
border: none !important; .collapsed & {
} border: none !important;
}
} }
&.active a { &.active a {
@ -225,6 +232,11 @@ .timsChatSidebarTabs {
} }
} }
& .badge {
position: relative;
top: -1px;
}
&.active .badge { &.active .badge {
font-size: 65% !important; font-size: 65% !important;
color: #fff; color: #fff;
@ -242,12 +254,19 @@ .timsChatSidebarTabs {
#timsChatRoomList { #timsChatRoomList {
margin-top: 5px; margin-top: 5px;
> div > div {
margin-top: 10px;
}
} }
#sidebarContainer { #sidebarContainer {
overflow-y: auto; overflow-y: auto;
height: 420px; height: 420px;
width: 100%; width: 100%;
border-top: 1px solid #B8D3ED;
z-index: 131;
position: relative;
} }
#sidebarContainer a { #sidebarContainer a {
@ -268,11 +287,21 @@ .sidebarContent {
margin-top: 5px; margin-top: 5px;
background-color: transparent !important; background-color: transparent !important;
box-shadow: none !important; box-shadow: none !important;
> a {
background-color: rgba(255, 255, 255, 0.3);
-moz-transition-property: background-color; -moz-transition-duration: .2s;
-webkit-transition-property: background-color; -webkit-transition-duration: .2s;
}
> a:hover {
background-color: rgb(255, 255, 255);
}
} }
> li.activeMenuItem { > li.activeMenuItem {
> a { > a {
background-color: #FFFFFF; background-color: #FFFFFF !important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
} }
} }