I have this style added/installed on my test site to test extensions with.
mChat just needed
box-shadow: 0px 0px 4px 2px #000000;
added in it's mchat/styles/grid/theme/mchat.css
Code: Select all
.mchat-message {
padding: 5px !important;
overflow: hidden;
box-shadow: 0px 0px 1px 2px #000000;
}
I have fixednavbars installed there also. It only needed background, box-shadow and border added in.
Code: Select all
/* Fixed footer navbar */
#page-footer .navbar, #page-footer .navbarb {
position: fixed;
bottom: 0;
left: 0;
width: 98.3%;
max-width: 100%;
padding: 0 15px !important;
margin: -1px 0 !important;
border-radius: 0 !important;
background: rgba(0, 0, 0, 0.8) url("./images/bg.png");
box-shadow: 0px 0px 8px 3px #64C2E6;
border: none;
border-top: 2px solid #F1FCFF;
animation: fadein 3s;
z-index: 9;
}
Code: Select all
/* Fixed header navbar */
.page-header-navbar {
position: fixed;
top: 0;
left: 0;
width: 98.3%;
max-width: 100%;
padding: 0 15px !important;
margin: -1px 0 !important;
border-radius: 0 !important;
background: rgba(0, 0, 0, 0.8) url("./images/bg.png");
box-shadow: 0px 0px 8px 3px #64C2E6;
border-bottom: 2px solid #F1FCFF;
animation: fadein 3s;
z-index: 9;
}
I bet it wouldn't take much to get any extension to work well in here. I'll test other extensions.
@ jrolson, I added panel class in the index_body.html to bring those lower sections in the wrapper.
<div class="stat-block online-list panel">
<div class="stat-block birthday-list panel">
<div class="stat-block statistics panel">
They stand out much nicer like the rest of the blocks. I even put a <div class="panel"> wrap around the login section. just a thought