small problem with this plugin

alichakery

Hello,

First let me thank you for this great theme.. it really saved my day...

but I have a minor issue with it, and its about "options" menu beside the discussions ..

here is the example : http://niaz.org/vanilla/

I installed an Persian language to test the theme ...

you help is really appreciated ... thank you

emzi

I installed an Persian language to test the theme ...

This book helps you if you're working on a Persian forum.

here is the example : http://niaz.org/vanilla/

It seems you're using another theme, now (Nov 26). However I tested VanillaAR. There's some missing codes in its style.css file. Add these codes at the end of /themes/VanillaAR/design/style.css file:

/* Option (dropdown) Menus */
.OptionsMenu {
   display: inline-block;
   font-size: 10px;
   font-weight: normal;
   line-height: 100%;
}
.Item .OptionsMenu {
   vertical-align: top;
   visibility: hidden;
}
.Open.OptionsMenu, .Item:hover .OptionsMenu {
   visibility: visible;
}
.MenuTitle {
   color: #000;
   border: 1px solid #bbb;
   padding: 4px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   user-select: none;
   background: url('images/buttons.png') right -96px no-repeat;
   padding-right: 18px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -o-user-select: none;
}
.Open .MenuTitle {
   border: 1px solid #282828;
   -moz-border-radius-bottomleft: 0;
   -moz-border-radius-bottomright: 0;
   -webkit-border-bottom-left-radius: 0;
   -webkit-border-bottom-right-radius: 0;
   box-shadow:2px 2px 3px rgba(0,0,0,0.5);
   -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
   -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   color: #fff;
   background: url('images/buttons.png') right -144px no-repeat #282828;
}
.MenuItems {
   border: 1px solid #282828;
   -moz-border-radius-bottomleft:2px;
   -moz-border-radius-bottomright:2px;
   -webkit-border-radius-bottom-left:2px;
   -webkit-border-radius-bottom-right:2px;
   box-shadow:2px 2px 3px rgba(0,0,0,0.5);
   -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
   -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
   background:none repeat scroll 0 0 #444444;
   border:1px solid #282828;
   min-width: 125px;
   line-height: 100%;
   font-size: 10px;
    color: #fff;
}
.MenuItems li {
   padding: 6px !Important;
}
.MenuItems a, .MenuItems a:link, .MenuItems a:visited, .MenuItems a:active {
   color: #fff;
    display: block;
    text-decoration: none;
}
.MenuItems li:hover {
   background: #282828;
}
.ToggleFlyout {
   cursor: pointer;
   position: relative;
}
.ToggleFlyout.Open {
   z-index: 100;
}
.ToggleFlyout .Flyout {
   position: absolute;
   top: 100%;
   left: 0;
   display: none;
   z-index: 100;
}

Above codes come from /applications/dashboard/design/style.css file.

• You can use R2 to make RTL any theme you want.

MohamedH

Thanks guys