Vesta Control Panel - Forum

Community Forum
https://forum.vestacp.com/

RTL Language CSS

https://forum.vestacp.com/viewtopic.php?f=10&t=18061

Page 1 of 1

RTL Language CSS

Posted: Sun Dec 16, 2018 3:57 pm
by bozorg
i edited css for RTL languages :

Code: Select all

/* LANG-AR
   ========================================================================== */

body.lang-ar {
  direction: rtl;
}
.lang-ar .vst-list {
  background-position: -425px -604px;
}
.lang-ar .vst-list.long-2 {
  background-position: 742px -604px;
}
.lang-ar .hide-password {
  margin-right: -36px;
  padding-right: 3px;
}



/**
 * Header
 */

.lang-ar .l-logo {
  float: right;
  margin-right: -2px;
}
.lang-ar .l-profile {
  float: left;
}
.lang-ar .l-profile__username {
  float: right;
  padding: 10px 0 0 10px;
  margin-left: 12px;
}


.lang-ar .l-profile__logout {
  float: right;
  color: #fff;
/*  margin-right: 40px; */
  padding: 10px 0 0 10px;
}

.lang-ar .l-profile__notifications {
  float: right;
  height: 15px;
  margin-left: 4px;
  padding: 5px 10px;
}

.lang-ar .l-menu {
  float: right;
  position: static;
  margin-right: 70px;
  margin-right: 0px;
}
.lang-ar .l-menu__item {
  float: right;
}
.lang-ar .l-menu__item a {
  padding: 18px 11px;
}

/**
 * Stat
 */


.lang-ar .l-stat__col {
  float: right;
}

.lang-ar .l-stat__col ul {
  padding-right: 0;
}
.lang-ar .l-stat__col span {
  padding-right: 15px;
}
.lang-ar .l-stat__col--active .l-stat__col-title {
  margin-left: 0px;
  margin-left: -8px;
  padding-right: 15px;
}

/**
 * Toolbar
 */

.lang-ar .l-sort-toolbar table td {
  float: right;
}
.lang-ar .l-sort-toolbar__search-box {
  padding-left: 0 !important;
}
.lang-ar .l-sort__create-btn {
  right: 30px;
}
#tooltip .lang-ar{
  border-radius: 15px;
  right: 12px;
  margin-right: 12px;
  padding: 3px 14px 3px 27px;
}
#tooltip.lang-ar{
  border-radius: 15px;
  right: 12px;
  margin-right: 12px;
  padding: 3px 14px 3px 27px;
}

.lang-ar .context-menu.sort-order {
  right: 397px;
}
.lang-ar .context-menu.sort-order span.name {
  background: url("/images/sprite.png?1446554103") no-repeat scroll -292px -361px rgba(0, 0, 0, 0);
  padding: 12px 12px 28px 12px;
}
.lang-ar .context-menu.sort-order span.up {
  background: url("/images/sprite.png?1446554103") no-repeat scroll -434px -417px rgba(0, 0, 0, 0);
  padding: 12px 14px;
}

.lang-ar .l-sort-toolbar {
  float: left;
  padding: 7px 0 7px 0;
  width: 100%;
}
.lang-ar .l-sort-toolbar table{
  float: left;
}

.lang-ar .l-sort-toolbar .sort-by {
  padding-right: 40px;
}

.lang-ar .l-sort-toolbar .sort-by b {
  padding-right: 3px;
}

.lang-ar .l-sort-toolbar .l-select {
  float: right;
}

.lang-ar .l-sort-toolbar.subtitle  {
  padding-right: 96px;
}


.lang-ar .l-sort-toolbar td:first-of-type {
  padding-right: 40px;
}


.lang-ar .l-sort-toolbar td.step-right:first-of-type {
  padding-left: 20px;
}

.lang-ar .l-sort-toolbar td:nth-of-type(2) {
/* ///  padding-left: 60px;*/
  padding-left: 20px;
}
.lang-ar .l-sort-toolbar td:last-of-type {
/* ///  padding-right: 40px; */
}
.lang-ar .l-sort-toolbar__filter-apply {
  float: right;
  background-image: url("/images/sprite.png?1446554103");
  background-position: -333px -1px;
}
.lang-ar .l-sort-toolbar__filter-apply:hover {
  background-position: -368px -1px;
}
.lang-ar .l-sort-toolbar__filter-apply:active {
  background-position: -404px -1px;
}
.lang-ar .l-sort-toolbar__filter-apply--active {
  background-position: -404px -1px;
}

.lang-ar .l-sort-toolbar__search {
  float: right;
  background-image: url("/images/sprite.png?1446554103");
  background-position: -333px -37px;
}
.lang-ar .l-sort-toolbar__search:hover {
  background-position: -368px -37px;
}
.lang-ar .l-sort-toolbar__search:active {
  background-position: -404px -37px;
}
.lang-ar .l-sort-toolbar__search--active {
  background-position: -404px -37px;
}
.lang-ar .l-sort-toolbar .vst {
  padding: 0 12px;
}


.lang-ar .l-unit__stat-col--left {
  float: right;
}

.lang-ar .l-unit__stat-cols {
  padding-right: 0px;
}

.lang-ar .actions-panel__col {
  float: right;
}
.lang-ar .actions-panel__col i {
  float: left;
}
.lang-ar .l-unit__stat-col--right {
  float: right;
}
.lang-ar.l-unit__stat-col--left {
  float: right;
}


.lang-ar .l-unit-toolbar__col--left {
  float: right;
  margin-right: -15px;
  padding-right: 15px;
}

.lang-ar .l-unit-toolbar__col--right {
  float: left;
}
.lang-ar .l-unit__name {
  direction: rtl;
}

Code: Select all

/* LANG-FA
   ========================================================================== */

body.lang-fa {
  direction: rtl;
}
.lang-fa .vst-list {
  background-position: -425px -604px;
}
.lang-fa .vst-list.long-2 {
  background-position: 742px -604px;
}
.lang-fa .hide-password {
  margin-right: -36px;
  padding-right: 3px;
}



/**
 * Header
 */

.lang-fa .l-logo {
  float: right;
  margin-right: -2px;
}
.lang-fa .l-profile {
  float: left;
}
.lang-fa .l-profile__username {
  float: right;
  padding: 10px 0 0 10px;
  margin-left: 12px;
}


.lang-fa .l-profile__logout {
  float: right;
  color: #fff;
/*  margin-right: 40px; */
  padding: 10px 0 0 10px;
}

.lang-fa .l-profile__notifications {
  float: right;
  height: 15px;
  margin-left: 4px;
  padding: 5px 10px;
}

.lang-fa .l-menu {
  float: right;
  position: static;
  margin-right: 70px;
  margin-right: 0px;
}
.lang-fa .l-menu__item {
  float: right;
}
.lang-fa .l-menu__item a {
  padding: 18px 11px;
}

/**
 * Stat
 */


.lang-fa .l-stat__col {
  float: right;
}

.lang-fa .l-stat__col ul {
  padding-right: 0;
}
.lang-fa .l-stat__col span {
  padding-right: 15px;
}
.lang-fa .l-stat__col--active .l-stat__col-title {
  margin-left: 0px;
  margin-left: -8px;
  padding-right: 15px;
}

/**
 * Toolbar
 */

.lang-fa .l-sort-toolbar table td {
  float: right;
}
.lang-fa .l-sort-toolbar__search-box {
  padding-left: 0 !important;
}
.lang-fa .l-sort__create-btn {
  right: 30px;
}
#tooltip .lang-fa{
  border-radius: 15px;
  right: 12px;
  margin-right: 12px;
  padding: 3px 14px 3px 27px;
}
#tooltip.lang-fa{
  border-radius: 15px;
  right: 12px;
  margin-right: 12px;
  padding: 3px 14px 3px 27px;
}

.lang-fa .context-menu.sort-order {
  right: 397px;
}
.lang-fa .context-menu.sort-order span.name {
  background: url("/images/sprite.png?1446554103") no-repeat scroll -292px -361px rgba(0, 0, 0, 0);
  padding: 12px 12px 28px 12px;
}
.lang-fa .context-menu.sort-order span.up {
  background: url("/images/sprite.png?1446554103") no-repeat scroll -434px -417px rgba(0, 0, 0, 0);
  padding: 12px 14px;
}

.lang-fa .l-sort-toolbar {
  float: left;
  padding: 7px 0 7px 0;
  width: 100%;
}
.lang-fa .l-sort-toolbar table{
  float: left;
}

.lang-fa .l-sort-toolbar .sort-by {
  padding-right: 40px;
}

.lang-fa .l-sort-toolbar .sort-by b {
  padding-right: 3px;
}

.lang-fa .l-sort-toolbar .l-select {
  float: right;
}

.lang-fa .l-sort-toolbar.subtitle  {
  padding-right: 96px;
}


.lang-fa .l-sort-toolbar td:first-of-type {
  padding-right: 40px;
}


.lang-fa .l-sort-toolbar td.step-right:first-of-type {
  padding-left: 20px;
}

.lang-fa .l-sort-toolbar td:nth-of-type(2) {
/* ///  padding-left: 60px;*/
  padding-left: 20px;
}
.lang-fa .l-sort-toolbar td:last-of-type {
/* ///  padding-right: 40px; */
}
.lang-fa .l-sort-toolbar__filter-apply {
  float: right;
  background-image: url("/images/sprite.png?1446554103");
  background-position: -333px -1px;
}
.lang-fa .l-sort-toolbar__filter-apply:hover {
  background-position: -368px -1px;
}
.lang-fa .l-sort-toolbar__filter-apply:active {
  background-position: -404px -1px;
}
.lang-fa .l-sort-toolbar__filter-apply--active {
  background-position: -404px -1px;
}

.lang-fa .l-sort-toolbar__search {
  float: right;
  background-image: url("/images/sprite.png?1446554103");
  background-position: -333px -37px;
}
.lang-fa .l-sort-toolbar__search:hover {
  background-position: -368px -37px;
}
.lang-fa .l-sort-toolbar__search:active {
  background-position: -404px -37px;
}
.lang-fa .l-sort-toolbar__search--active {
  background-position: -404px -37px;
}
.lang-fa .l-sort-toolbar .vst {
  padding: 0 12px;
}


.lang-fa .l-unit__stat-col--left {
  float: right;
}

.lang-fa .l-unit__stat-cols {
  padding-right: 0px;
}

.lang-fa .actions-panel__col {
  float: right;
}
.lang-fa .actions-panel__col i {
  float: left;
}
.lang-fa .l-unit__stat-col--right {
  float: right;
}
.lang-fa.l-unit__stat-col--left {
  float: right;
}


.lang-fa .l-unit-toolbar__col--left {
  float: right;
  margin-right: -15px;
  padding-right: 15px;
}

.lang-fa .l-unit-toolbar__col--right {
  float: left;
}
.lang-fa .l-unit__name {
  direction: rtl;
}
All times are UTC
Page 1 of 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/