CSS

La aplicación le permite establecer su propio CSS -Cascading Style Sheets- en la interfaz de usuario.

El CSS se muestra en una estructura de tabla.

Name Context Active Actions

Crear un nuevo CSS

Arriba a la derecha, haga clic en el icono New CSS.
Rellene los campos.
- Name.
- El context puede ser frontend o mobile.
- Active.
Haga clic en el botón Create.

Editar un CSS

Haga clic en el icono Edit CSS.
Modifique los campos.
Haga clic en el botón Edit.

Eliminar un CSS

Haga clic en el icono Delete CSS.
Haga clic en el botón Delete.

Clonar un CSS

Haga clic en el icono Clone CSS.
Modifique los campos.
Haga clic en el botón Clone.

Descargar un CSS

Haga clic en el icono Download CSS.
Tras unos segundos, se descargará un fichero CSS.

Ejemplos

Ejemplo de fuente grande

body, td, a, p, div, input, textarea, select, b-tab {
  font-size: 1.2rem !important; /* also can be used: 14px */
  font-weight: 400; /* Standard weight */
}

Ejemplo de fuente media

body, td, a, p, div, input, textarea, select, b-tab {
  font-size: 1.1rem !important; /* also can be used: 13px */
  font-weight: 400; /* Standard weight */
}

Ejemplo para árabe

/*
 * Notes about some attribute values:
 * font-size: 1.2rem !important;      // Also can be used 14px;
 * font-weight: 400;                  // Standard weight value
*/
body, td, a, p, div, input, textarea, select, b-tab, button, ion-app, ion-menu, ion-header, ion-item, ion-content, ion-footer, ion-label {
  font-size: 1.2rem !important;
  font-weight: 400;
  font-family: "Noto Kufi Arabic" !important;
}

/* Properties */
li, td, th {
  font-size: 1.2rem !important;
}

/* breadcrumb */
li.breadcrumb-item.mt-1 a {
  font-size: 1.2rem !important;
}
#rootNodes div {
  min-height: 35px !important;
}

/* navbar */
#okm-mainMenu .navbar-nav > li.active > a {
  padding-top: 12px !important;
  padding-bottom: 11px !important;
    line-height: unset !important;
}

#okm-mainMenu .navbar-nav > li > a {
  padding-top: 12px !important;
    line-height: unset !important;
}

/* search */
.okm-forceEmptyLabel-topPadding {
  padding-top: 18px !important;
}

/* button */
.btn-group.okm-small-button > button {
  height: 30px !important;
}

/* verticalbar */
.okm-headerIcon-rtl {
  padding-bottom: 125px !important;
}