• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!

I want to change the Gesior layout color

Not works.

.Submenu {
position: relative;
margin: 0 auto;
background-color: #0D2E2B;
}

I changed to:

.Submenu {
position: relative;
margin: 0 auto;
background-color: rgb(13, 46, 43);
}

But nothing
Post automatically merged:

So fellow I use this in layout.php

PHP:
<link href="<?PHP echo $layout_name; ?>/basic.css" rel="stylesheet" type="text/css">

and in basic.css this:

.Submenu {
position: relative;
margin-left: 5px;
margin-right: 5px;
background-color: #0D2E2B;
width: 160px;
}

.Submenuitem {
position: relative;
margin: 0px;
padding: 0px;
}

.ActiveSubmenuItemIcon {
position: absolute;
top: 5px;
left: 3px;
width: 10px;
height: 10px;
background-repeat: no-repeat;
visibility: hidden;
}

.SubmenuitemLabel {
margin: 0px;
border-top: 0;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 15px;
border-bottom: 1px solid #4b7874;
overflow: hidden;
}

/* Submenu links */
.Submenu a:link { color: #d7d7d7; text-decoration: none; }
.Submenu a:visited { color: #d7d7d7; text-decoration: none; }
.Submenu a:focus { color: #d7d7d7; text-decoration: none; }
.Submenu a:active { color: white; text-decoration: none; }
.Submenu a:hover { color: white; text-decoration: none; }

/** -----

The result was this:


3.png

But when I put the mouse button over this option the color changed:

4.png

Can you help me?
 
Last edited:
bump
Post automatically merged:

I found thanks for me.

initialize.js change for this:


Lua:
// mouse-over effects of menubuttons and submenuitems
function MouseOverMenuItem(source)
{
  source.firstChild.style.visibility = "visible";
}
function MouseOutMenuItem(source)
{
  source.firstChild.style.visibility = "hidden";
}
function MouseOverSubmenuItem(source)
{
  source.style.backgroundColor = "#14433F";
}
function MouseOutSubmenuItem(source)
{
  source.style.backgroundColor = "#0D2E2B";
}

and in .css scripts:

Code:
.Submenu {
    position: relative;
    margin: 0 auto;
    background-color: #0D2E2B
}

.ActiveSubmenuItemIcon {
    position: absolute;
    top: 4px;
    left: 10px;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    visibility: hidden
}

.SubmenuitemLabel {
    margin: 0;
    border-top: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 23px;
    border-bottom: 1px solid #4b7874;
    overflow: hidden
}

/* Submenu links */
.Submenu a:link    { color: #d7d7d7; text-decoration: none; }
.Submenu a:visited { color: #d7d7d7; text-decoration: none; }
.Submenu a:focus   { color: #d7d7d7; text-decoration: none; }
.Submenu a:active  { color: white; text-decoration: none; }
.Submenu a:hover   { color: white; text-decoration: none; }
 
Last edited:
Back
Top