navigation menu suddenly went clear?

Hello. My navigation menu suddenly changed to clear from black. It looks like the design disappeared. what could this be?

do you have css pages in your template that are exactly the same as your css pages in your base directory?

Quick clarification - in templates/base/css/top_menu.css you have

div.sys_main_menu {
    min-height: 38px;

    position: relative;
    z-index: 100;

    background-color: rgb(240,240,240);
    background-color: rgba(255,255,255, 0.6);

    border-top: 1px solid rgb(255,255,255);
    border-top: 1px solid rgba(255,255,255, 0.9);
    border-bottom: 1px solid rgb(160,160,160);
    border-bottom: 1px solid rgba(64,64,64, 0.4);

    -webkit-box-shadow: 0 1px 1px rgba(51,51,51, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(51,51,51, 0.15);
    box-shadow: 0 1px 1px rgba(51,51,51, 0.15);
}

if you wnated to change the background color - your custom template top_menu.css should be like this:

div.sys_main_menu {

    background-color: rgba(111,111,111, 111);

}

if you do this in your custom template, funky things can happen

div.sys_main_menu {
    min-height: 38px;

    position: relative;
    z-index: 100;

    background-color: rgb(240,240,240);
    background-color: rgba(111,111,11, 111);

    border-top: 1px solid rgb(255,255,255);
    border-top: 1px solid rgba(255,255,255, 0.9);
    border-bottom: 1px solid rgb(160,160,160);
    border-bottom: 1px solid rgba(64,64,64, 0.4);

    -webkit-box-shadow: 0 1px 1px rgba(51,51,51, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(51,51,51, 0.15);
    box-shadow: 0 1px 1px rgba(51,51,51, 0.15);
}

I just checked. It is different. It is happening on all of the templates. Even the default.

I uploaded a video and this happened when it was done uploading after I filled in the description.

were there any punctuations in the video name? What happens if you delete the video - do things return to normal?

just deleted video, cleared cache. Still no result.

I'm not sure, but it seems as if something has broken the css.

I am using hostforweb vps. Does that have something to do with it?

I suspected it is the css rename templates folder to templatesORIG the upload fresh copy and try..

It turns out that it happen because I modified the _header.html file. I was trying to disable the right click by using a suggestion that I found in the boonex forums. It did not work. But it took a while for the problem to show up that's why I got confused.

_header.html is very sensitive..I suggest if you make changes on that file make a backup first if dont work then return the old file.. 

glad to see you got is sorted out