From IT Skills
Jump to: navigation, search

Themes[edit | edit source]

specials themes - omega and bootstrap

omega - is default


_theme.scss

Input, button[edit | edit source]

.ui-inputtext 
.ui-dropdown .ui-dropdown-panel .ui-dropdown-item
.ui-autocomplete
.ui-chips
.ui-chkbox-box
.ui-radiobutton-box
.ui-button
.ui-selectbutton
.ui-togglebutton
.ui-inputswitch
.ui-multiselect .ui-multiselect-panel .ui-multiselect-item .ui-multiselect-close .ui-multiselect-filter-container

Main[edit | edit source]

.ui-widget .ui-widget-header .ui-widget-content 
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon
.ui-overlaypanel .ui-overlaypanel-close
.ui-datepicker .ui-datepicker-header .ui-datepicker-calendar
.ui-listbox .ui-listbox-item
.ui-orderlist .ui-orderlist-item
.ui-picklist .ui-picklist-item
.ui-accordion .ui-accordion-header
.ui-rating a
.ui-fieldset .ui-fieldset-toggleable .ui-fieldset-legend

.ui-spinner .ui-spinner-button
.ui-tabview .ui-tabview-nav li

.ui-dialog .ui-dialog-titlebar-icon

.ui-inplace .ui-inplace-display

.ui-breadcrumb

fa[edit | edit source]

Icon elements based on font awesome

.fa
.fc .fc-toolbar .fc-prev-button .ui-icon-circle-triangle-w .fc-next-button .ui-icon-circle-triangle-e

Data[edit | edit source]

.ui-paginator .ui-paginator-next, .ui-paginator-prev, .ui-paginator-first, .ui-paginator-last
.ui-datatable .ui-datatable-hoverable-rows
.ui-sortable-column .ui-rowgroup-header .ui-row-toggler 
.ui-cell-data 

.ui-tree .ui-treenode-content .ui-treenode-selectable .ui-treenode-label
.ui-tree-horizontal 
.ui-treetable .ui-treetable-row .ui-treetable-row-selectable

Menu[edit | edit source]

.ui-menu .ui-menuitem .ui-menuitem-link 

.ui-panelmenu .ui-panelmenu-header .ui-panelmenu-content 

.ui-tabmenu .ui-tabmenu-nav li

.ui-steps .ui-steps-item

States[edit | edit source]

.ui-state-default
.ui-state-highlight
.ui-state-active
.ui-menuitem-active
.ui-state-focus
.ui-state-disabled
.ui-state-error

Fundamentals[edit | edit source]

.ui-blockui {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-widget * {
    box-sizing: border-box;
}
.ui-helper-hidden {
    display: none;
}
.ui-resizable {
    position: relative;
}
.ui-shadow {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-unselectable-text {
...
}
.ui-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}