Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
The primary color can be changed by going to the color palette and changing xbColor1, it'll change the default orange.
We don't have an option for sidebar blocks to collapse, but you could use: https://xenforo.com/community/resources/toggleme.137/
Yep install it as a child of the light style, that will work perfectly.
Yep install it as a child of the light style, that will work perfectly.
.nodeList .node.level_1
{
overflow: visible;
position: relative;
}
.nodeList .node.level_1:before, .nodeList .node.level_1:after
{
z-index: 1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.nodeList .node.level_1:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
.XenBase #forums .nodeList
{
z-index: 20;
position: relative;
}
Sorry @Cyb3r
Regarding the shadows, try this in extra.css:
Code:.nodeList .node.level_1 { overflow: visible; position: relative; } .nodeList .node.level_1:before, .nodeList .node.level_1:after { z-index: 1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .nodeList .node.level_1:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .XenBase #forums .nodeList { z-index: 20; position: relative; }
For the portal can you link me or get me an account that has permissions
Sorry @Cyb3r
Regarding the shadows, try this in extra.css:
Code:.nodeList .node.level_1 { overflow: visible; position: relative; } .nodeList .node.level_1:before, .nodeList .node.level_1:after { z-index: 1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .nodeList .node.level_1:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .XenBase #forums .nodeList { z-index: 20; position: relative; }
For the portal can you link me or get me an account that has permissions
I tried to just do it on the message and doesn't seem to be working, I need to step out for a few hours then I'll take another look.
.extraWrapper
{
background-color: rgb(255, 255, 255);
overflow: hidden;
position: relative;
z-index: 2;
}
html .messageList .message:after
{
height: auto;
visibility: visible;
}
.messageList .message
{
position: relative;
}
.messageList .message:before, .messageList .message:after
{
z-index: 1;
position: absolute;
content: "";
bottom: 15px;
left: 15px;
width: 50%;
top: 80%;
max-width:300px;
background: rgba(119, 119, 119, 0.33);
box-shadow: 0 10px 10px rgba(119, 119, 119, 0.33);
transform: rotate(-3deg);
}
.messageList .message:after
{
transform: rotate(3deg);
right: 15px;
left: auto;
}
<div class="extraWrapper">