small problem with this plugin

Comments

• emzi ✭

  November 2012 edited November 2012

  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.

  0
• MohamedH ✭

  October 2013

  Thanks guys

  0