META-INF.resources.primefaces.mobile.primefaces-mobile.css Maven / Gradle / Ivy

Show more of this group Show more artifacts with this name
Show all versions of primefaces Show documentation
There is a newer version: 14.0.0-RC3
/** Panel **/
.ui-panel-m .ui-panel-m-titlebar-icon {
    top: 50%;
    margin-top: -15px;
}

.ui-panel-m .ui-panel-m-titlebar {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit; 
    border-style: solid;
    border-width: 1px;
}

.ui-panel-m .ui-panel-m-content {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
}

/** Growl **/
.ui-growl-message {
    padding: 0.5em;
}

.ui-growl-summary {
    font-weight: bold;
}

.ui-growl-detail {
    font-weight: normal;
}

.ui-growl-item.ui-grid-a > .ui-block-a {
    width: 20%;
}

.ui-growl-item.ui-grid-a > .ui-block-b {
    width: 80%;
}

/** Dialog **/
.ui-dialog-container {
    display: none;
}

/** Calendar **/
.ui-calendar-inline .ui-input-text {
    display: none;
}

/** DataTable **/
.ui-table {
    table-layout: fixed;
}

.ui-table th.ui-sortable-column {
    position: relative;
}

.ui-table tr.ui-bar-b {
    border: 0 none;
    font-weight: normal;
}

.ui-datatable .ui-paginator .ui-controlgroup,
.ui-datagrid .ui-paginator .ui-controlgroup,
.ui-datalist .ui-paginator .ui-controlgroup {
    margin: 0;
    padding: 0.1em 0em;
    text-align: center;
}

.ui-datatable .ui-reflow-dropdown {
    display: none;
}

.ui-datatable-tablewrapper {
    overflow: auto;
}

@media ( max-width: 35em ) {
    
    .ui-paginator .ui-paginator-page {
        display: none;
    }
    
    .ui-datatable .ui-reflow-dropdown {
        display: block;
    }
    
}

/** DataGrid **/
.ui-datagrid .ui-datagrid-header,
.ui-datagrid .ui-datagrid-footer {
    text-align: center;
}

/** DataList **/
.ui-datalist .ui-listview  {
    margin-top: 0;
    margin-bottom: 0;
}

.ui-datalist.ui-datalist-topbar .ui-listview > li.ui-first-child, 
.ui-datalist.ui-datalist-topbar .ui-listview > li.ui-first-child > a.ui-btn,
.ui-datalist.ui-datalist-bottombar .ui-listview > li.ui-last-child, 
.ui-datalist.ui-datalist-bottombar .ui-listview > li.ui-last-child > a.ui-btn {
    border-radius: 0;
}

/** Messages **/
.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    border: 1px solid;
    margin: 10px 0px;
    padding:10px 10px 10px 10px;
}

.ui-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal {
    border: 1px solid;;
    margin: 0px 5px;
    padding:2px 5px;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon,
.ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {
    background: url("#{resource['primefaces:messages/messages.png']}") no-repeat;
    display:block;
    float:left;
    margin:0;
    padding:0;
    position: relative;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
    height:24px;
    width:24px;
    margin-top:-4px;
}

.ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {
    height:16px;
    width:16px;
}

.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, 
.ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {
    margin-left:10px;
    font-weight:bold;
}

.ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail,
.ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail {
    margin-left:5px;
}

.ui-messages-info, .ui-message-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.ui-messages-warn, .ui-message-warn {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.ui-messages-error, .ui-message-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.ui-messages-fatal, .ui-message-fatal {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.ui-messages ul {
    margin: 0 25px;
    padding:0;
    list-style-type:none;
}

.ui-messages.ui-messages-noicon ul {
    margin: 0 25px 0 0;
}

.ui-message-icon-only {
    width:16px;
    height:16px
}

.ui-messages-info-icon {background-position: 0px -316px;}
.ui-messages-warn-icon {background-position: 0px -448px;}
.ui-messages-error-icon {background-position: 0px -52px;}
.ui-messages-fatal-icon {background-position: 0px -184px;}
.ui-message-info-icon {background-position: 0px -360px;}
.ui-message-warn-icon {background-position: 0px -492px;}
.ui-message-error-icon {background-position: 0px -96px;}
.ui-message-fatal-icon {background-position: 0px -228px;}

.ui-messages .ui-messages-close {
    float:right;
    cursor: pointer;
}