Skip to content

Instantly share code, notes, and snippets.

@wakim
Last active August 29, 2015 14:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wakim/6c4c28b2d02770e72e9a to your computer and use it in GitHub Desktop.
Save wakim/6c4c28b2d02770e72e9a to your computer and use it in GitHub Desktop.
Exemplo de mensagem flutuante
http://jsfiddle.net/91qytgx5/1/
function mostrarMensagem() {
var $messageContainer = $('.ui-messages');
var originalMessageTop = $messageContainer.position().top;
var stick_hidden = false;
var scrollHandler = function() {
var $stick = $('#stick_container');
// YOU SHALL NOT PASS |o| !
if(originalMessageTop >= window.scrollY) {
$stick.hide();
stick_hidden = true;
} else if(stick_hidden) {
$stick.show();
}
};
var $stick_container = $("<div id='stick_container' class='stick'>");
$stick_container.appendTo(document.body);
$messageContainer.clone().hide().appendTo($stick_container).fadeIn(300);
setTimeout(function () {
$('#stick_container .ui-messages div').fadeOut().promise().done(function () {
$('#stick_container').remove();
});
$(window).off('scroll', scrollHandler);
}, 5000);
$(window).on('scroll', scrollHandler);
}
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer risus ante, malesuada id dignissim at, aliquam at nulla. Ut sit amet tincidunt dolor, quis viverra lectus. In rhoncus tempor magna, sagittis vestibulum augue sollicitudin a. Vivamus ut lacus sit amet eros ultricies sagittis sed eu lacus. Suspendisse semper, est in hendrerit varius, augue lectus dapibus sapien, eu auctor dolor nisi et tellus. Aenean quis porta erat, in aliquet diam. Maecenas auctor magna tortor. Sed et eros feugiat, pulvinar eros in, hendrerit erat. In a odio et odio iaculis pretium ut sed risus. Pellentesque vestibulum vehicula porttitor. Mauris ut nisi mi.</p>
<div id="j_idt88:messages" class="ui-messages ui-widget" aria-live="polite" data-global="false" data-summary="data-summary" data-detail="data-detail" data-severity="all,error" data-redisplay="true">
<div class="ui-messages-info ui-corner-all"> <a href="#" class="ui-messages-close" onclick="$(this).parent().slideUp();return false;">
<span class="ui-icon ui-icon-close">
</span>
</a>
<span class="ui-messages-info-icon"></span>
<ul>
<li> <span class="ui-messages-info-summary">Info</span>
<span class="ui-messages-info-detail">PrimeFaces Rocks.</span>
</li>
</ul>
</div>
</div>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer risus ante, malesuada id dignissim at, aliquam at nulla. Ut sit amet tincidunt dolor, quis viverra lectus. In rhoncus tempor magna, sagittis vestibulum augue sollicitudin a. Vivamus ut lacus sit amet eros ultricies sagittis sed eu lacus. Suspendisse semper, est in hendrerit varius, augue lectus dapibus sapien, eu auctor dolor nisi et tellus. Aenean quis porta erat, in aliquet diam. Maecenas auctor magna tortor. Sed et eros feugiat, pulvinar eros in, hendrerit erat. In a odio et odio iaculis pretium ut sed risus. Pellentesque vestibulum vehicula porttitor. Mauris ut nisi mi. Phasellus cursus, sem faucibus egestas consectetur, purus urna vehicula odio, id aliquet sem neque ut purus. Vivamus eget nulla accumsan, bibendum tellus malesuada, lobortis eros. Morbi sapien justo, pretium vel lacinia non, malesuada pellentesque purus. Donec sollicitudin et sem ac dictum. Curabitur cursus, lacus vitae imperdiet scelerisque, neque lorem dignissim purus, vitae malesuada ex ex ac augue. Nullam sed nunc eget tellus gravida feugiat. Aenean at elementum metus. Aliquam gravida massa mauris, non ornare ante porttitor nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris consectetur nisi vel metus maximus sollicitudin. Sed venenatis est enim, sit amet bibendum ligula porttitor sed. Proin ultrices, dolor id ullamcorper fringilla, dui felis posuere orci, vitae malesuada erat ante in elit. Sed non orci et orci vehicula lobortis ut nec mi. Nulla pulvinar a eros pharetra varius. Quisque vitae magna consectetur diam vulputate pellentesque. Quisque arcu ligula, pellentesque vel leo vel, egestas tincidunt diam. Nunc purus purus, varius sed purus sit amet, vehicula ornare nibh. Suspendisse scelerisque nibh eu scelerisque venenatis. Nam pharetra risus at vehicula varius. Integer non elementum tellus. Etiam eget lectus ipsum. Nulla at scelerisque odio. Morbi dignissim, nisi in consectetur egestas, urna odio porta tellus, nec placerat arcu nisi et diam. Vestibulum accumsan, metus ut elementum lobortis, elit dui euismod erat, eget semper tellus lacus sed lorem. Aenean posuere consequat ex vitae euismod. Nullam elit nulla, dignissim sit amet augue vitae, vulputate posuere leo. Nulla facilisi. Morbi tincidunt lectus non nunc eleifend vestibulum non at diam. Ut eros dolor, varius a mattis eget, euismod eget ligula. Nulla nec velit turpis. Aenean id viverra enim, nec rutrum mauris. Donec tincidunt pellentesque tortor, lobortis imperdiet neque maximus et. Pellentesque ut sodales augue. Pellentesque ac quam et ante placerat mollis. Maecenas viverra justo mauris, sed semper dolor commodo eget. Maecenas rutrum interdum sem. Proin vel placerat elit. Nullam iaculis vestibulum est sit amet lacinia. Vestibulum a libero nec diam vestibulum ultrices vel sed lorem. Morbi risus nulla, blandit fermentum velit nec, suscipit ullamcorper purus. Donec tellus magna, ullamcorper eget nisl sed, scelerisque lobortis risus. Nunc elementum maximus dolor vel pellentesque. Suspendisse potenti. Vivamus ornare aliquet lorem. Nunc ex urna, molestie ac ultrices sed, pulvinar nec ante. Nam porttitor nisi id ante hendrerit finibus. Pellentesque varius dapibus ultricies. Duis volutpat, mi et cursus malesuada, sem ligula porttitor nulla, at consectetur urna urna vitae magna. Duis pretium lorem eu leo lobortis dignissim. Cras ultricies at massa sit amet viverra. Mauris egestas commodo lacinia. Quisque et mattis ligula. Aenean volutpat porttitor orci a accumsan. Proin vitae fringilla augue. Vivamus dictum nunc at ante ultricies, nec lacinia leo pharetra. Ut eleifend magna a lorem tempus, ac gravida odio aliquam. Interdum et malesuada fames ac ante ipsum primis in faucibus. In sodales commodo lacus tristique condimentum. Nunc ac risus quis purus euismod lacinia. Curabitur euismod eros turpis, ac pulvinar ligula sodales ut. Donec quis volutpat lorem. Donec id imperdiet libero. Cras et eleifend velit. Suspendisse tincidunt euismod ex vitae pretium. Nunc nisi leo, egestas at mi quis, tempus fermentum ipsum. Vestibulum dignissim ligula vitae nisl rutrum, ac aliquet nunc maximus. Vivamus dignissim diam eget velit dictum consectetur. Donec sagittis magna et ligula tincidunt ultrices. Phasellus volutpat elementum tincidunt. Aliquam consectetur massa tortor, sit amet blandit mauris egestas ut. Aenean in lacus auctor, euismod augue eget, scelerisque nibh. Curabitur interdum venenatis urna, ac placerat nunc sodales vitae. Vestibulum in venenatis nulla. Suspendisse consectetur lacus turpis, ut vehicula mauris pulvinar ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis condimentum velit eget lorem elementum tempor. Donec id enim sed nunc posuere interdum. Quisque vestibulum convallis ligula, non lacinia ipsum interdum eget. Quisque suscipit finibus est nec molestie. Mauris sodales orci et nibh volutpat, non consequat erat ullamcorper. Duis mattis lacinia dignissim. Nullam a mauris sit amet quam interdum ullamcorper non et eros. Fusce volutpat sodales eleifend. Suspendisse at ante ut augue sollicitudin mollis. Cras convallis semper justo. Maecenas non libero ac nisi feugiat pellentesque a et risus. Curabitur elit elit, luctus ut ultricies quis, accumsan ut nunc. Vivamus pretium finibus eros, in cursus elit ultricies ac. Nam consectetur pretium efficitur. Proin quis magna et metus elementum bibendum facilisis et sem. Curabitur eu dolor est. Donec consectetur vitae risus in sodales. Aenean aliquam risus a eros fringilla imperdiet. Phasellus et bibendum enim. Etiam sit amet elementum massa, vel sodales odio. Nulla eget neque sodales, tristique ante id, rutrum purus. Mauris tincidunt efficitur malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer mollis eros lectus, ut porttitor justo semper non. In euismod mattis ipsum, in iaculis lorem congue vel. Cras bibendum efficitur erat eget sollicitudin. Donec ut nunc vel diam fringilla tincidunt id sit amet metus. Cras vel diam nibh. Cras rhoncus ex et erat tincidunt fringilla. Nam sem purus, porttitor sit amet interdum fermentum, tincidunt nec ante. Aliquam ut pharetra nisi, a ultricies nunc. Maecenas vitae erat in erat luctus hendrerit. In hac habitasse platea dictumst. Sed accumsan iaculis tristique. Sed non vestibulum est, ut blandit nisi. Vivamus quis lectus quis justo posuere efficitur rhoncus at metus. Cras scelerisque id libero a hendrerit. In interdum est in nisi vehicula, eget commodo turpis iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer risus ante, malesuada id dignissim at, aliquam at nulla. Ut sit amet tincidunt dolor, quis viverra lectus. In rhoncus tempor magna, sagittis vestibulum augue sollicitudin a. Vivamus ut lacus sit amet eros ultricies sagittis sed eu lacus. Suspendisse semper, est in hendrerit varius, augue lectus dapibus sapien, eu auctor dolor nisi et tellus. Aenean quis porta erat, in aliquet diam. Maecenas auctor magna tortor. Sed et eros feugiat, pulvinar eros in, hendrerit erat. In a odio et odio iaculis pretium ut sed risus. Pellentesque vestibulum vehicula porttitor. Mauris ut nisi mi. Phasellus cursus, sem faucibus egestas consectetur, purus urna vehicula odio, id aliquet sem neque ut purus. Vivamus eget nulla accumsan, bibendum tellus malesuada, lobortis eros. Morbi sapien justo, pretium vel lacinia non, malesuada pellentesque purus. Donec sollicitudin et sem ac dictum. Curabitur cursus, lacus vitae imperdiet scelerisque, neque lorem dignissim purus, vitae malesuada ex ex ac augue. Nullam sed nunc eget tellus gravida feugiat. Aenean at elementum metus. Aliquam gravida massa mauris, non ornare ante porttitor nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris consectetur nisi vel metus maximus sollicitudin. Sed venenatis est enim, sit amet bibendum ligula porttitor sed. Proin ultrices, dolor id ullamcorper fringilla, dui felis posuere orci, vitae malesuada erat ante in elit. Sed non orci et orci vehicula lobortis ut nec mi. Nulla pulvinar a eros pharetra varius. Quisque vitae magna consectetur diam vulputate pellentesque. Quisque arcu ligula, pellentesque vel leo vel, egestas tincidunt diam. Nunc purus purus, varius sed purus sit amet, vehicula ornare nibh. Suspendisse scelerisque nibh eu scelerisque venenatis. Nam pharetra risus at vehicula varius. Integer non elementum tellus. Etiam eget lectus ipsum. Nulla at scelerisque odio. Morbi dignissim, nisi in consectetur egestas, urna odio porta tellus, nec placerat arcu nisi et diam. Vestibulum accumsan, metus ut elementum lobortis, elit dui euismod erat, eget semper tellus lacus sed lorem.
</p>
<button onclick="mostrarMensagem();" class="big-btn">Mostrar Mensagem</button>
<p>Aenean posuere consequat ex vitae euismod. Nullam elit nulla, dignissim sit amet augue vitae, vulputate posuere leo. Nulla facilisi. Morbi tincidunt lectus non nunc eleifend vestibulum non at diam. Ut eros dolor, varius a mattis eget, euismod eget ligula. Nulla nec velit turpis. Aenean id viverra enim, nec rutrum mauris. Donec tincidunt pellentesque tortor, lobortis imperdiet neque maximus et. Pellentesque ut sodales augue. Pellentesque ac quam et ante placerat mollis. Maecenas viverra justo mauris, sed semper dolor commodo eget. Maecenas rutrum interdum sem. Proin vel placerat elit. Nullam iaculis vestibulum est sit amet lacinia. Vestibulum a libero nec diam vestibulum ultrices vel sed lorem. Morbi risus nulla, blandit fermentum velit nec, suscipit ullamcorper purus. Donec tellus magna, ullamcorper eget nisl sed, scelerisque lobortis risus. Nunc elementum maximus dolor vel pellentesque. Suspendisse potenti. Vivamus ornare aliquet lorem. Nunc ex urna, molestie ac ultrices sed, pulvinar nec ante. Nam porttitor nisi id ante hendrerit finibus. Pellentesque varius dapibus ultricies. Duis volutpat, mi et cursus malesuada, sem ligula porttitor nulla, at consectetur urna urna vitae magna. Duis pretium lorem eu leo lobortis dignissim. Cras ultricies at massa sit amet viverra. Mauris egestas commodo lacinia. Quisque et mattis ligula. Aenean volutpat porttitor orci a accumsan. Proin vitae fringilla augue. Vivamus dictum nunc at ante ultricies, nec lacinia leo pharetra. Ut eleifend magna a lorem tempus, ac gravida odio aliquam. Interdum et malesuada fames ac ante ipsum primis in faucibus. In sodales commodo lacus tristique condimentum. Nunc ac risus quis purus euismod lacinia. Curabitur euismod eros turpis, ac pulvinar ligula sodales ut. Donec quis volutpat lorem. Donec id imperdiet libero. Cras et eleifend velit. Suspendisse tincidunt euismod ex vitae pretium. Nunc nisi leo, egestas at mi quis, tempus fermentum ipsum. Vestibulum dignissim ligula vitae nisl rutrum, ac aliquet nunc maximus. Vivamus dignissim diam eget velit dictum consectetur. Donec sagittis magna et ligula tincidunt ultrices. Phasellus volutpat elementum tincidunt. Aliquam consectetur massa tortor, sit amet blandit mauris egestas ut. Aenean in lacus auctor, euismod augue eget, scelerisque nibh. Curabitur interdum venenatis urna, ac placerat nunc sodales vitae. Vestibulum in venenatis nulla. Suspendisse consectetur lacus turpis, ut vehicula mauris pulvinar ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis condimentum velit eget lorem elementum tempor. Donec id enim sed nunc posuere interdum. Quisque vestibulum convallis ligula, non lacinia ipsum interdum eget. Quisque suscipit finibus est nec molestie. Mauris sodales orci et nibh volutpat, non consequat erat ullamcorper. Duis mattis lacinia dignissim. Nullam a mauris sit amet quam interdum ullamcorper non et eros. Fusce volutpat sodales eleifend. Suspendisse at ante ut augue sollicitudin mollis. Cras convallis semper justo. Maecenas non libero ac nisi feugiat pellentesque a et risus. Curabitur elit elit, luctus ut ultricies quis, accumsan ut nunc. Vivamus pretium finibus eros, in cursus elit ultricies ac. Nam consectetur pretium efficitur. Proin quis magna et metus elementum bibendum facilisis et sem. Curabitur eu dolor est. Donec consectetur vitae risus in sodales. Aenean aliquam risus a eros fringilla imperdiet. Phasellus et bibendum enim. Etiam sit amet elementum massa, vel sodales odio. Nulla eget neque sodales, tristique ante id, rutrum purus. Mauris tincidunt efficitur malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer mollis eros lectus, ut porttitor justo semper non. In euismod mattis ipsum, in iaculis lorem congue vel. Cras bibendum efficitur erat eget sollicitudin. Donec ut nunc vel diam fringilla tincidunt id sit amet metus. Cras vel diam nibh. Cras rhoncus ex et erat tincidunt fringilla. Nam sem purus, porttitor sit amet interdum fermentum, tincidunt nec ante. Aliquam ut pharetra nisi, a ultricies nunc. Maecenas vitae erat in erat luctus hendrerit. In hac habitasse platea dictumst. Sed accumsan iaculis tristique. Sed non vestibulum est, ut blandit nisi. Vivamus quis lectus quis justo posuere efficitur rhoncus at metus. Cras scelerisque id libero a hendrerit. In interdum est in nisi vehicula, eget commodo turpis iaculis.</p>
</div>
* {
margin: 0;
padding: 0;
}
.stick {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
.big-btn {
display: block;
height: 60px;
width: 100px;
margin: 20px auto;
background-color: #fff;
color: blue;
font-size: 14pt;
border: 1px solid black;
cursor: pointer;
}
/* -----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
*/
/*!* jQuery UI CSS Framework 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Theming/API*/
/* Layout helpers----------------------------------*/
.ui-helper-hidden {
display:none;
}
.ui-helper-hidden-accessible {
border:0;
clip:rect(0 0 0 0);
height:0px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:0px;
}
.ui-helper-reset {
margin:0;
padding:0;
border:0;
outline:0;
line-height:1.3;
text-decoration:none;
font-size:100%;
list-style:none;
}
.ui-helper-clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.ui-helper-clearfix {
display:inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
height:1%;
}
.ui-helper-clearfix {
display:block;
}
/* end clearfix */
.ui-helper-zfix {
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
opacity:0;
filter:Alpha(Opacity=0);
}
/* Interaction Cues----------------------------------*/
.ui-state-disabled {
cursor:default !important;
}
/* Icons----------------------------------*/
/* states and images */
.ui-icon {
display:block;
text-indent:-99999px;
overflow:hidden;
background-repeat:no-repeat;
}
/* Misc visuals----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/*!* jQuery UI Resizable 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Resizable#theming*/
.ui-resizable {
position:relative;
}
.ui-resizable-handle {
position:absolute;
font-size:0.1px;
display:block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display:none;
}
.ui-resizable-n {
cursor:n-resize;
height:7px;
width:100%;
top:-5px;
left:0;
}
.ui-resizable-s {
cursor:s-resize;
height:7px;
width:100%;
bottom:-5px;
left:0;
}
.ui-resizable-e {
cursor:e-resize;
width:7px;
right:-5px;
top:0;
height:100%;
}
.ui-resizable-w {
cursor:w-resize;
width:7px;
left:-5px;
top:0;
height:100%;
}
.ui-resizable-se {
cursor:se-resize;
width:12px;
height:12px;
right:1px;
bottom:1px;
}
.ui-resizable-sw {
cursor:sw-resize;
width:9px;
height:9px;
left:-5px;
bottom:-5px;
}
.ui-resizable-nw {
cursor:nw-resize;
width:9px;
height:9px;
left:-5px;
top:-5px;
}
.ui-resizable-ne {
cursor:ne-resize;
width:9px;
height:9px;
right:-5px;
top:-5px;
}
/*!* jQuery UI Selectable 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Selectable#theming*/
.ui-selectable-helper {
position:absolute;
z-index:100;
border:1px dotted black;
}
/*!* jQuery UI Slider 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Slider#theming*/
.ui-slider {
position:relative;
text-align:left;
}
.ui-slider .ui-slider-handle {
position:absolute;
z-index:2;
width:1.2em;
height:1.2em;
cursor:default;
}
.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
font-size:.7em;
display:block;
border:0;
background-position:0 0;
}
.ui-slider-horizontal {
height:.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top:-.3em;
margin-left:-.6em;
}
.ui-slider-horizontal .ui-slider-range {
top:0;
height:100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left:0;
}
.ui-slider-horizontal .ui-slider-range-max {
right:0;
}
.ui-slider-vertical {
width:.8em;
height:100px;
}
.ui-slider-vertical .ui-slider-handle {
left:-.3em;
margin-left:0;
margin-bottom:-.6em;
}
.ui-slider-vertical .ui-slider-range {
left:0;
width:100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom:0;
}
.ui-slider-vertical .ui-slider-range-max {
top:0;
}
/*!* jQuery UI Datepicker 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Datepicker#theming*/
.ui-datepicker {
width:17em;
padding:.2em .2em 0;
display:none;
}
.ui-datepicker .ui-datepicker-header {
position:relative;
padding:.2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position:absolute;
top:2px;
width:1.8em;
height:1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top:1px;
}
.ui-datepicker .ui-datepicker-prev {
left:2px;
}
.ui-datepicker .ui-datepicker-next {
right:2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left:1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right:1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display:block;
position:absolute;
left:50%;
margin-left:-8px;
top:50%;
margin-top:-8px;
}
.ui-datepicker .ui-datepicker-title {
margin:0 2.3em;
line-height:1.8em;
text-align:center;
}
.ui-datepicker .ui-datepicker-title select {
font-size:1em;
margin:1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width:100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width:49%;
}
.ui-datepicker table {
width:100%;
font-size:.9em;
border-collapse:collapse;
margin:0 0 .4em;
}
.ui-datepicker th {
padding:.7em .3em;
text-align:center;
font-weight:bold;
border:0;
}
.ui-datepicker td {
border:0;
padding:1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display:block;
padding:.2em;
text-align:right;
text-decoration:none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image:none;
margin:.7em 0 0 0;
padding:0 .2em;
border-left:0;
border-right:0;
border-bottom:0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float:right;
margin:.5em .2em .4em;
cursor:pointer;
padding:.2em .6em .3em .6em;
width:auto;
overflow:visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float:left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width:auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float:left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width:95%;
margin:0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width:50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width:33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width:25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width:0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width:0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear:left;
}
.ui-datepicker-row-break {
clear:both;
width:100%;
font-size:0em;
}
/* RTL support */
.ui-datepicker-rtl {
direction:rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right:2px;
left:auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left:2px;
right:auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right:1px;
left:auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left:1px;
right:auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear:right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float:left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float:right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float:right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width:0;
border-left-width:1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width:0;
border-left-width:1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display:none;
/*sorry for IE5*/
display
/**/
:block;
/*sorry for IE5*/
position:absolute;
/*must have*/
z-index:-1;
/*must have*/
filter:mask();
/*must have*/
top:-4px;
/*must have*/
left:-4px;
/*must have*/
width:200px;
/*must have*/
height:200px;
/*must have*/
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
margin-bottom:8px;
}
.ui-timepicker-div dl {
text-align:left;
}
.ui-timepicker-div dl dt {
height:25px;
margin-bottom:-25px;
}
.ui-timepicker-div dl dd {
margin:0 10px 10px 65px;
}
.ui-timepicker-div td {
font-size:90%;
}
.ui-tpicker-grid-label {
background:none;
border:none;
margin:0;
padding:0;
}
.ui-timepicker-rtl {
direction:rtl;
}
.ui-timepicker-rtl dl {
text-align:right;
}
.ui-timepicker-rtl dl dd {
margin:0 65px 10px 10px;
}
/* PrimeFaces Extensions */
.ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
padding:0.3em;
}
.ui-accordion {
width:100%;
}
.ui-accordion .ui-accordion-header {
cursor:pointer;
position:relative;
margin-top:1px;
min-height:0;
padding:.5em .5em .5em 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
position:absolute;
left:.5em;
top:50%;
margin-top:-8px;
}
.ui-accordion .ui-accordion-content {
padding:1em 2.2em;
border-top:0;
margin-top:-2px;
position:relative;
top:1px;
margin-bottom:2px;
overflow:auto;
zoom:1;
}
.ui-accordion .ui-accordion-header.ui-state-disabled, .ui-accordion .ui-accordion-header.ui-state-disabled a {
cursor:default;
}
/** RTL **/
.ui-accordion.ui-accordion-rtl {
direction:rtl;
}
.ui-accordion.ui-accordion-rtl .ui-accordion-header .ui-icon {
right:0.5m;
left:auto;
}
.ui-accordion.ui-accordion-rtl .ui-accordion-header a {
padding:0.5em 2.2em 0.5em 0.5em;
}
.ui-autocomplete {
width:auto;
zoom:1;
cursor:pointer;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
position:relative;
display:inline-block;
}
.ui-autocomplete .ui-autocomplete-dropdown {
position:absolute;
top:0;
bottom:0;
height:100%;
}
.ui-autocomplete-query {
font-weight:bold;
}
.ui-autocomplete-panel {
position:absolute;
overflow:auto;
}
.ui-autocomplete-panel .ui-autocomplete-item {
cursor:pointer;
}
.ui-autocomplete-panel .ui-autocomplete-list {
padding:0.4em;
border:0 none;
}
.ui-autocomplete-panel .ui-autocomplete-list-item {
border:0px none;
font-weight:normal;
margin:1px 0;
padding:3px 5px;
text-align:left;
}
.ui-autocomplete-panel .ui-autocomplete-table {
border-collapse:collapse;
width:100%;
}
.ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td {
border-width:1px;
border-style:solid;
border-color:inherit;
padding:4px 10px 4px 10px;
}
.ui-autocomplete .ui-button-icon-only .ui-button-text {
padding:0.29em;
}
/* Multiple Selection */
.ui-autocomplete-multiple-container {
clear:left;
cursor:text;
list-style-type:none;
margin:0;
min-height:1px;
overflow:hidden;
width:400px;
}
.ui-autocomplete-multiple-container.ui-inputfield {
padding:0;
}
.ui-autocomplete-token {
cursor:default;
float:left;
overflow:hidden;
padding:1px 3px;
white-space:nowrap;
position:relative;
margin:2px;
}
.ui-autocomplete-token-label {
display:block;
padding:0em 2.1em 0em 0.5em;
}
.ui-autocomplete-token-icon {
margin-top:-9px;
position:absolute;
right:0.2em;
top:50%;
cursor:pointer;
}
.ui-autocomplete-input-token {
float:left;
list-style-type:none;
margin:1px;
padding:0;
}
.ui-autocomplete-input-token input {
border:0 none;
width:140px;
outline:medium none;
background-color:transparent;
margin:2px;
}
.ui-autocomplete-itemtip-content {
display:none;
}
.ui-autocomplete-itemtip {
position:absolute;
display:none;
padding:0.4em;
}
.ui-autocomplete-emptyMessage {
padding:3px 5px;
}
.ui-autocomplete-panel .ui-autocomplete-group {
font-weight:bold;
cursor:default;
}
.ui-blockui {
position:absolute;
top:0;
left:0;
text-align:center;
width:100%;
height:100%;
}
.ui-blockui-content {
position:absolute;
text-align:center;
padding:1em;
}
.ui-carousel {
position:relative;
display:inline-block;
padding:1px;
}
.ui-carousel .ui-carousel-viewport ul {
list-style:none outside none;
margin:0;
padding:0;
position:absolute;
width:32000px;
left:0;
}
.ui-carousel .ui-carousel-viewport ul li {
margin:1px;
padding:0;
float:left;
}
.ui-carousel .ui-carousel-viewport {
overflow:hidden;
position:relative;
border:0;
}
.ui-carousel .ui-carousel-vertical-viewport ul li {
float:none !important;
}
.ui-carousel .ui-carousel-vertical-viewport ul {
width:auto !important;
}
.ui-carousel .ui-carousel-footer {
margin:1px 1px 0px 1px;
height:16px;
padding-top:9px;
padding-bottom:6px;
padding-right:10px;
padding-left:10px;
overflow:hidden;
}
/* header */
.ui-carousel .ui-carousel-header {
margin:0 1px;
height:16px;
overflow:hidden;
padding-top:7px;
padding-bottom:8px;
padding-right:10px;
padding-left:10px;
}
.ui-carousel .ui-carousel-header .ui-carousel-header-title {
display:inline-block;
width:30%;
padding-top:2px;
overflow:hidden;
}
.ui-carousel .ui-carousel-dropdown {
float:right;
margin:0px 10px;
background-image:none;
}
.ui-carousel .ui-carousel-dropdown option {
background-image:none;
border:0 none;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.ui-carousel .ui-carousel-button {
float:right;
margin:2px;
}
.ui-carousel .ui-carousel-page-link {
float:left;
margin:0 2px;
}
.ui-carousel .ui-carousel-page-link, .ui-carousel .ui-carousel-button {
cursor:pointer;
}
.ui-carousel .ui-carousel-page-links {
margin:0px 9px;
margin-top:1px;
display:inline-table;
float:right;
}
.ui-columntoggler {
padding:0;
position:absolute;
}
.ui-columntoggler .ui-columntoggler-items {
border:0 none;
padding:0.4em;
margin:0;
}
.ui-columntoggler .ui-columntoggler-item {
border:0px none;
cursor:pointer;
font-weight:normal;
margin:1px 0;
padding:3px 5px;
text-align:left;
white-space:nowrap;
display:block;
position:relative;
}
.ui-columntoggler .ui-columntoggler-item .ui-chkbox {
position:absolute;
top:50%;
margin-top:-8px;
}
.ui-columntoggler .ui-columntoggler-item label {
display:block;
padding-left:2.2em;
}
.ui-shadow {
-moz-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.8);
-webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.8);
box-shadow:0px 5px 10px rgba(0, 0, 0, 0.8);
}
.ui-overlay-visible {
visibility:visible;
}
ui-overlay-visible * {
visibility:visible !important;
}
.ui-overlay-hidden {
visibility:hidden;
}
.ui-overlay-hidden * {
visibility:hidden !important;
;
}
/* IE7 Fixes */
.ui-overlay-visible table {
*border-collapse:collapse !important;
}
.ui-overlay-hidden table {
*border-collapse:separate !important;
}
.ui-datepicker .ui-datepicker-current.ui-priority-secondary {
opacity:1;
}
.ui-icon-blank {
background-position:16px 16px;
}
.ui-dashboard-column {
float:left;
padding-bottom:100px;
}
.ui-datalist .ui-datalist-header, .ui-datalist .ui-datalist-footer {
text-align:center;
padding:4px 10px;
}
.ui-datalist .ui-datalist-header {
border-bottom:0px none;
}
.ui-datalist .ui-datalist-footer {
border-top:0px none;
}
.ui-datalist .ui-paginator-top {
border-bottom:0px none;
}
.ui-datalist .ui-paginator-bottom {
border-top:0px none;
}
.ui-datalist .ui-datalist-empty-message {
padding:4px 10px;
}
.ui-datalist .ui-datalist-nobullets {
list-style-type:none;
}
.ui-datagrid .ui-paginator {
text-align:center;
}
.ui-datagrid-column {
padding:3px;
}
.ui-datagrid-content-empty {
padding:4px 10px;
}
.ui-datagrid .ui-datagrid-header, .ui-datagrid .ui-datagrid-footer {
text-align:center;
padding:4px 10px;
}
.ui-datagrid .ui-datagrid-header {
border-bottom:0px none;
}
.ui-datagrid .ui-datagrid-footer {
border-top:0px none;
}
.ui-datagrid .ui-paginator-top {
border-bottom:0px none;
}
.ui-datagrid .ui-paginator-bottom {
border-top:0px none;
}
/** Table Layout **/
.ui-datagrid-data {
width:100%;
}
.ui-datascroller {
}
.ui-datascroller .ui-datascroller-header {
text-align:center;
padding:4px 10px;
border-bottom:0px none;
}
.ui-datascroller .ui-datascroller-content {
padding:4px 10px;
}
.ui-datascroller-inline .ui-datascroller-content {
overflow:auto;
}
.ui-datascroller .ui-datascroller-list {
list-style-type:none;
margin:0;
padding:0;
}
.ui-datascroller .ui-datascroller-item {
border:0 none;
}
.ui-datascroller .ui-datascroller-loader {
text-align:center;
padding:4px 10px;
}
.ui-datascroller .ui-datascroller-loading {
background:url("/showcase/javax.faces.resource/datascroller/images/loading.gif.xhtml?ln=primefaces&v=5.1.5-SNAPSHOT") center center no-repeat;
width:220px;
height:19px;
padding:0;
margin:0;
display:inline-block;
}
.ui-datatable table {
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
text-align:center;
padding:4px 10px;
}
.ui-datatable .ui-datatable-header {
border-bottom:0px none;
}
.ui-datatable .ui-datatable-footer {
border-top:0px none;
}
.ui-datatable thead th, .ui-datatable tfoot td {
text-align:center;
}
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
padding:4px 10px;
overflow:hidden;
border-width:1px;
border-style:solid;
}
.ui-datatable tbody td {
border-color:inherit;
}
.ui-datatable .ui-sortable-column {
cursor:pointer;
}
.ui-datatable div.ui-dt-c {
position:relative;
}
.ui-datatable .ui-sortable-column-icon {
display:inline-block;
margin:-3px 0px -3px 2px;
}
.ui-datatable .ui-column-filter {
display:block;
width:100px;
margin:auto;
}
.ui-datatable .ui-expanded-row {
border-bottom:0px none;
}
.ui-datatable .ui-expanded-row-content {
border-top:0px none;
}
.ui-datatable .ui-row-toggler {
cursor:pointer;
}
.ui-datatable tr.ui-state-highlight {
cursor:pointer;
}
.ui-datatable .ui-selection-column .ui-chkbox-all {
display:block;
margin:0px auto;
width:16px;
height:16px;
}
/* Scrollable */
.ui-datatable-scrollable table, .ui-datatable-sticky table {
table-layout:fixed;
}
.ui-datatable-scrollable-body {
overflow:auto;
}
.ui-datatable-scrollable-header, .ui-datatable-scrollable-footer {
overflow:hidden;
border:0px none;
}
.ui-datatable-scrollable .ui-datatable-scrollable-header, .ui-datatable-scrollable .ui-datatable-scrollable-footer {
position:relative;
}
.ui-datatable-scrollable .ui-datatable-scrollable-header td {
font-weight:normal;
}
.ui-datatable-scrollable-body::-webkit-scrollbar {
-webkit-appearance:none;
width:15px;
background-color:transparent;
}
.ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
border-radius:8px;
border:1px solid white;
background-color:rgba(194, 194, 194, .5);
}
.ui-datatable .ui-datatable-scrollable-body {
min-height:0%;
}
.ui-datatable .ui-datatable-data tr.ui-state-hover {
border-color:inherit;
font-weight:inherit;
cursor:pointer;
}
.ui-datatable-scrollable-theadclone {
height:0px;
}
.ui-datatable-scrollable-theadclone tr {
height:0px;
}
.ui-datatable-scrollable-theadclone th.ui-state-default {
height:0px;
border-bottom-width:0px;
border-top-width:0px;
padding-top:0px;
padding-bottom:0px;
}
.ui-datatable-scrollable-theadclone th span.ui-column-title {
display:block;
height:0px;
}
.ui-datatable .ui-paginator, .ui-datatable .ui-paginator {
padding:2px;
}
/* InCell Editing */
.ui-datatable .ui-cell-editor-input {
display:none;
}
.ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-output {
display:none;
}
.ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-input {
display:block;
}
.ui-datatable .ui-row-editor span {
cursor:pointer;
float:left;
}
.ui-datatable .ui-row-editor .ui-icon-pencil {
display:inline-block;
}
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon-pencil {
display:none;
}
.ui-datatable .ui-row-editor .ui-icon-check, .ui-datatable .ui-row-editor .ui-icon-close {
display:none;
}
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon-check, .ui-datatable .ui-row-editing .ui-row-editor .ui-icon-close {
display:inline-block;
}
.ui-datatable .ui-datatable-data tr.ui-row-editing td.ui-editable-column, .ui-datatable .ui-datatable-data td.ui-cell-editing {
padding:0;
margin:0;
}
/*resizer */
.ui-datatable .ui-column-resizer {
position:absolute;
top:0px;
right:0px;
margin:0;
width:8px;
height:20px;
padding:0px;
cursor:col-resize;
background-image:url("/showcase/javax.faces.resource/spacer/dot_clear.gif.xhtml?ln=primefaces&v=5.1.5-SNAPSHOT");
}
.ui-datatable .ui-filter-column .ui-column-resizer {
height:45px;
}
.ui-datatable .ui-column-resizer-helper {
width:1px;
position:absolute;
z-index:10;
display:none;
}
.ui-datatable-resizable {
padding-bottom:1px;
/*fix for webkit overlow*/
overflow:auto;
}
.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td {
white-space:nowrap;
}
.ui-datatable-resizable table {
table-layout:fixed;
}
.ui-datatable-resizable th.ui-resizable-column {
background-clip:padding-box;
position:relative;
}
.ui-datatable-rtl {
direction:rtl;
}
.ui-datatable-rtl.ui-datatable thead th, .ui-datatable-rtl.ui-datatable tfoot td {
text-align:right;
}
/* Frozen Columns */
.ui-datatable .ui-datatable-frozenlayout-left, .ui-datatable .ui-datatable-frozenlayout-right {
padding:0;
border:0 none;
vertical-align:top;
}
.ui-datatable .ui-datatable-frozen-container {
margin-right:-1px;
}
.ui-datatable-frozen-container .ui-datatable-scrollable-body {
overflow:hidden;
}
.ui-datatable .ui-datatable-frozen-container .ui-row-toggler {
margin-top:-2px;
margin-bottom:-2px;
}
.ui-datatable .ui-datatable-frozen-container .ui-row-editor {
margin-top:-2px;
margin-bottom:-2px;
}
.ui-datatable-frozenlayout-right .ui-datatable-empty-message td {
visibility:hidden;
}
.ui-dialog {
position:fixed;
padding:0;
overflow:hidden;
}
.ui-dialog .ui-dialog-titlebar {
padding:.4em .4em .4em 1em;
position:relative;
border:0px;
}
.ui-dialog .ui-dialog-title {
float:left;
margin:.3em 16px .1em 0;
}
.ui-dialog .ui-dialog-content {
position:relative;
border:0;
padding:.5em 1em;
background:none;
overflow:auto;
zoom:1;
}
.ui-dialog .ui-dialog-footer {
padding:.4em 1em;
border-width:1px 0 0 0;
text-align:left;
}
.ui-dialog .ui-dialog-buttonpane {
text-align:left;
background-image:none;
margin:.5em 0 0 0;
padding:.3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane button {
margin:.5em .4em .5em 0;
cursor:pointer;
}
.ui-dialog .ui-resizable-se {
width:14px;
height:14px;
right:3px;
bottom:3px;
}
.ui-draggable .ui-dialog-titlebar {
cursor:move;
}
.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-minimize, .ui-dialog .ui-dialog-titlebar-maximize {
float:right;
margin:0px;
top:0px;
padding:1px;
cursor:pointer;
}
.ui-dialog .ui-dialog-titlebar-close span, .ui-dialog .ui-dialog-titlebar-minimize span, .ui-dialog .ui-dialog-titlebar-maximize span {
display:block;
margin:0px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-minimize:hover, .ui-dialog .ui-dialog-titlebar-minimize:focus, .ui-dialog .ui-dialog-titlebar-maximize:hover, .ui-dialog .ui-dialog-titlebar-maximize:focus {
padding:0;
}
.ui-dialog-docking-zone {
position:fixed;
bottom:0;
left:0;
}
.ui-dialog-minimizing {
border:2px dotted gray;
}
.ui-dialog .ui-dialog-message {
margin-right:.5em
}
/** Confirm Dialog **/
.ui-confirm-dialog .ui-dialog-content {
padding:1em;
}
.ui-confirm-dialog-severity {
float:left;
margin-right:4px;
}
.ui-confirm-dialog-message {
display:inline-block;
margin-top:1px;
}
/** RTL **/
.ui-dialog-rtl {
direction:rtl;
}
.ui-dialog.ui-dialog-rtl .ui-dialog-title {
float:right;
}
.ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-close, .ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-minimize, .ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-maximize {
float:left;
}
.ui-dialog.ui-dialog-rtl .ui-dialog-footer {
text-align:right;
}
/* Message Dialog */
.ui-message-dialog .ui-dialog-content {
padding:1em;
}
.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
padding:0.6em 1em;
}
.ui-fieldset-toggleable .ui-fieldset-legend {
padding:0.5em 1em 0.5em 0.5em;
cursor:pointer;
}
.ui-fieldset .ui-fieldset-toggler {
padding-right:.1em;
margin-top:-0.1em;
float:left;
}
.ui-inputfield {
margin:0;
outline:medium none;
padding:4px;
font-weight:normal;
}
.ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
font-weight:normal;
}
.ui-inputtextarea-resizable {
overflow:hidden;
resize:none;
}
.ui-selectonelistbox, .ui-selectmanymenu, .ui-multiselectlistbox-listcontainer {
padding:2px;
width:150px;
}
.ui-selectonelistbox .ui-selectlistbox-listcontainer, .ui-selectmanymenu .ui-selectlistbox-listcontainer, .ui-multiselectlistbox-listcontainer {
overflow:auto;
}
.ui-selectonelistbox .ui-selectlistbox-list, .ui-selectmanymenu .ui-selectlistbox-list, .ui-multiselectlistbox .ui-multiselectlistbox-list {
list-style-type:none;
margin:0;
padding:0;
}
.ui-selectonelistbox .ui-selectlistbox-item, .ui-selectmanymenu .ui-selectlistbox-item, .ui-multiselectlistbox .ui-multiselectlistbox-item {
margin:2px;
border:0 none;
cursor:pointer;
font-weight:normal;
}
.ui-selectonelistbox table.ui-selectlistbox-list, .ui-selectmanymenu table.ui-selectlistbox-list {
border-collapse:collapse;
width:100%;
}
.ui-selectlistbox-filter.ui-inputfield {
padding-right:12%;
padding-left:2%;
width:85%;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.ui-selectlistbox-filter-container {
position:relative;
margin:0.1em 0 0.1em 0;
padding:0;
}
.ui-selectlistbox-filter-container .ui-icon {
position:absolute;
top:5px;
right:2px;
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
float:left;
margin-right:4px;
}
.ui-multiselectlistbox .ui-multiselectlistbox-item {
white-space:nowrap;
}
.ui-multiselectlistbox.ui-state-disabled .ui-multiselectlistbox-item {
cursor:default;
}
.ui-multiselectlistbox .ui-multiselectlistbox-header {
text-align:center;
padding:2px 10px;
border-bottom:0px none;
}
/*** Checkbox*/
.ui-chkbox {
display:inline-block;
}
.ui-chkbox .ui-chkbox-box {
width:16px;
height:16px;
display:inline-block;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.ui-chkbox-icon.ui-icon {
overflow:visible;
}
.ui-chkbox .ui-chkbox-label {
cursor:pointer;
margin:3px 0 0 3px;
outline:medium none;
z-index:1;
display:inline-block;
vertical-align:top;
}
.ui-selectmanycheckbox label, .ui-selectoneradio label {
display:block;
margin-top:4px;
}
.ui-selectmanycheckbox.ui-widget td, .ui-selectoneradio.ui-widget td {
border:0 none;
}
/** RadioButton **/
.ui-radiobutton {
margin:3px 0;
width:16px;
line-height:16px;
display:inline-block;
}
.ui-radiobutton .ui-radiobutton-box {
width:16px;
height:16px;
line-height:16px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.ui-radiobutton-icon {
margin-left:1px;
}
.ui-radiobutton.ui-radiobutton-native {
margin:0;
padding:0;
}
.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible {
clip:auto;
position:static !important;
width:auto;
height:auto;
overflow:visible;
margin:0;
padding:0;
}
.ui-radiobutton.ui-radiobutton-native .ui-radiobutton-box {
display:none;
}
.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible input {
margin:0;
}
.ui-selectoneradio-native label {
margin:0;
}
/** SelectOneMenu **/
.ui-selectonemenu {
display:inline-block;
position:relative;
width:auto;
zoom:1;
cursor:pointer;
}
.ui-selectonemenu .ui-selectonemenu-trigger {
border-right:none;
border-top:none;
border-bottom:none;
cursor:pointer;
width:16px;
height:100%;
position:absolute;
right:0;
top:0;
padding:0 3px;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
margin-top:3px;
}
.ui-selectonemenu .ui-selectonemenu-label {
display:block;
border:none;
white-space:nowrap;
overflow:hidden;
font-weight:normal;
width:100%;
text-align:left;
}
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger, .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
cursor:default;
}
.ui-selectonemenu label.ui-selectonemenu-label {
cursor:pointer;
}
.ui-selectonemenu input.ui-selectonemenu-label {
cursor:default;
}
.ui-selectonemenu-panel {
position:absolute;
height:auto;
}
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
overflow:auto;
}
.ui-selectonemenu-panel .ui-selectonemenu-item {
font-weight:normal;
cursor:pointer;
}
.ui-selectonemenu-panel .ui-selectonemenu-item-group {
font-weight:bold;
}
.ui-selectonemenu-panel .ui-selectonemenu-list {
padding:0.4em;
border:0 none;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item {
border:0px none;
margin:1px 0;
padding:3px 5px;
text-align:left;
white-space:nowrap;
}
.ui-selectonemenu-panel .ui-selectonemenu-table {
border-collapse:collapse;
width:100%;
}
.ui-selectonemenu-panel .ui-selectonemenu-table td {
border-width:1px;
border-style:solid;
border-color:inherit;
padding:4px 10px 4px 10px;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter {
width:85%;
padding-right:15px;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
position:relative;
margin:0;
padding:0.4em;
display:inline-block;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
position:absolute;
top:10px;
right:10px;
}
.ui-state-disabled a {
outline:none;
}
/* Button */
.ui-button {
display:inline-block;
position:relative;
padding:0;
margin-right:.1em;
text-decoration:none !important;
cursor:pointer;
text-align:center;
zoom:1;
overflow:visible;
/* the overflow property removes extra width in IE */
}
.ui-button-icon-only {
width:2.4em;
}
/*button text element */
.ui-button .ui-button-text {
display:block;
line-height:normal;
}
.ui-button-text-only .ui-button-text {
padding:.3em 1em;
}
.ui-button-icon-only .ui-button-text {
padding:.3em;
text-indent:-9999999px;
}
.ui-button-text-icon-left .ui-button-text {
padding:.3em 1em .3em 2.1em;
}
.ui-button-text-icon-right .ui-button-text {
padding:.3em 2.1em .3em 1em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-left .ui-icon, .ui-button-text-icon-right .ui-icon {
position:absolute;
top:50%;
margin-top:-8px;
}
.ui-button-icon-only .ui-icon {
left:50%;
margin-left:-8px;
}
.ui-button-icon-left {
left:.5em;
}
.ui-button-icon-right {
right:.5em;
}
/*button sets*/
.ui-buttonset {
margin-right:7px;
}
.ui-buttonset .ui-button {
margin-left:0;
margin-right:0;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
border:0;
padding:0;
/* reset extra padding in Firefox */
}
/** SelectCheckbox Menu **/
.ui-selectcheckboxmenu {
display:inline-block;
position:relative;
width:auto;
zoom:1;
cursor:pointer;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
border-right:none;
border-top:none;
border-bottom:none;
cursor:pointer;
width:16px;
height:100%;
position:absolute;
right:0;
top:0;
padding:0 3px;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
margin-top:3px;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
display:block;
padding:3px 26px 3px 5px;
width:auto;
border:none;
cursor:pointer;
}
.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-trigger, .ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-label {
cursor:auto
}
.ui-selectcheckboxmenu-panel {
padding:0.2em;
position:absolute;
overflow:hidden;
-moz-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.8);
-webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.8);
box-shadow:0px 5px 10px rgba(0, 0, 0, 0.8);
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
overflow:auto;
position:relative;
padding:0.2em 0;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list {
border:0 none;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
border:0px none;
cursor:pointer;
font-weight:normal;
margin:1px 0;
padding:3px 5px;
text-align:left;
white-space:nowrap;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
display:block;
position:relative;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox {
position:absolute;
top:50%;
margin-top:-8px;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label {
display:block;
padding-left:2.2em;
}
.ui-selectcheckboxmenu-header {
margin-bottom:0.3em;
padding:0.3em 0 0.3em 0.4em
}
.ui-selectcheckboxmenu-header .ui-chkbox {
float:left;
cursor:pointer;
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
float:left;
position:relative;
margin-left:5px;
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
position:absolute;
right:5px;
top:2px;
}
.ui-selectcheckboxmenu-header .ui-inputfield {
padding:1px 20px 1px 2px;
}
.ui-selectcheckboxmenu-header span.ui-icon {
float:left;
}
.ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-all, .ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-none {
float:left;
margin-right:10px;
display:block;
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
float:right;
padding:1px;
margin-right:0.2em;
display:block;
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover {
padding:0px;
}
.ui-splitbutton {
position:relative;
}
/** IE Hacks **/
div.ui-button, .ui-splitbutton {
display:inline-block;
zoom:1;
}
/** Password **/
.ui-password-panel {
padding:4px 10px;
width:150px;
margin-top:2px;
}
.ui-password-panel .ui-password-meter {
height:10px;
background:transparent url("/showcase/javax.faces.resource/forms/password-meter.png.xhtml?ln=primefaces&v=5.1.5-SNAPSHOT") no-repeat left top;
padding:0;
margin:0;
}
.ui-password-info {
margin-top:4px;
}
.ui-password-panel-overlay {
position:absolute;
}
/* OutputLabel */
.ui-outputlabel.ui-state-error {
border:0 none;
}
.ui-outputlabel .ui-outputlabel-rfi {
margin-left:0.4em;
}
/* SelectOneButton */
.ui-selectonebutton {
display:inline-block;
padding:1px;
}
.ui-selectonebutton.ui-state-error {
padding:0px;
}
/* SelectManyButton */
.ui-selectmanybutton {
display:inline-block;
padding:1px;
}
.ui-selectmanybutton.ui-state-error {
padding:0px;
}
/* ie6 */
* html .ui-growl {
position:absolute;
}
* html .ui-growl-item {
padding-bottom:0;
}
* html .ui-growl-icon-close {
top:7px;
right:7px;
}
.ui-growl {
position:fixed;
top:20px;
right:20px;
width:301px;
}
.ui-growl-item-container {
position:relative;
margin:0 0 10px 0;
opacity:0.85;
filter:alpha(opacity=85);
}
.ui-growl-item {
display:block;
padding:10px 15px;
}
.ui-growl-item p {
padding:0;
margin:0;
}
.ui-growl-icon-close {
position:absolute;
top:5px;
right:3px;
cursor:pointer;
}
.ui-growl-title {
font-weight:bold;
padding:0 0 7px 0;
display:block;
}
.ui-growl-image {
width:32px;
height:32px;
float:left;
margin:0;
padding:0;
display:block;
background:url("/showcase/javax.faces.resource/messages/messages.png.xhtml?ln=primefaces&v=5.1.5-SNAPSHOT") no-repeat;
}
.ui-growl-image-info {
background-position:0 -264px;
}
.ui-growl-image-warn {
background-position:0 -396px;
}
.ui-growl-image-error {
background-position:0 0;
}
.ui-growl-image-fatal {
background-position:0 -132px;
}
.ui-growl-message {
padding:0 0 5px 0;
width:220px;
float:right;
}
.ui-growl-message p {
font-weight:normal;
}
/* Grid CSS */
.ui-grid {
clear:both;
padding:0px;
margin:0px;
}
.ui-grid:before, .ui-grid:after {
content:"";
display:table;
}
.ui-grid:after {
clear:both;
}
.ui-grid .ui-grid-row {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
clear:both;
}
.ui-grid-row:after {
clear:both;
content:"";
display:table;
}
.ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4, .ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8, .ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12 {
float:left;
box-sizing:border-box;
}
.ui-grid-col-1 {
width:8.33333%;
}
.ui-grid-col-2 {
width:16.66666%;
}
.ui-grid-col-3 {
width:25%;
}
.ui-grid-col-4 {
width:33.33333%;
}
.ui-grid-col-5 {
width:41.66666%;
}
.ui-grid-col-6 {
width:50%;
}
.ui-grid-col-7 {
width:58.33333%;
}
.ui-grid-col-8 {
width:66.66666%;
}
.ui-grid-col-9 {
width:75%;
}
.ui-grid-col-10 {
width:83.33333%;
}
.ui-grid-col-11 {
width:91.66666%;
}
.ui-grid-col-12 {
width:100%;
}
@media (min-width:480px) {
.ui-grid-fixed {
width:480px;
}
}
@media (min-width:768px) {
.ui-grid-fixed {
width:768px;
}
}
@media (min-width:960px) {
.ui-grid-fixed {
width:960px;
}
}
@media (min-width:1024px) {
.ui-grid-fixed {
width:1024px;
}
}
/* Responsive */
@media (max-width:35em) {
.ui-grid-responsive .ui-grid-row {
display:block;
}
.ui-grid-responsive .ui-grid-col-1, .ui-grid-responsive .ui-grid-col-2, .ui-grid-responsive .ui-grid-col-3, .ui-grid-responsive .ui-grid-col-4, .ui-grid-responsive .ui-grid-col-5, .ui-grid-responsive .ui-grid-col-6, .ui-grid-responsive .ui-grid-col-7, .ui-grid-responsive .ui-grid-col-8, .ui-grid-responsive .ui-grid-col-9, .ui-grid-responsive .ui-grid-col-10, .ui-grid-responsive .ui-grid-col-11, .ui-grid-responsive .ui-grid-col-12 {
width:100%;
float:none;
}
}
.ui-inplace .ui-inplace-display {
cursor:pointer;
border:0px none !important;
}
.ui-inplace .ui-inplace-disabled {
cursor:default;
}
.ui-inplace .ui-inplace-content {
}
.ui-inplace .ui-inplace-editor {
margin-left:0.1em;
}
.ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text {
padding:0
}
.ui-lightbox {
position:fixed;
}
.ui-lightbox-content-wrapper {
position:relative;
}
.ui-lightbox-content {
position:relative;
margin:0;
padding:0;
background-color:#000000;
}
.ui-lightbox-nav-right, .ui-lightbox-nav-left {
position:absolute;
top:50%;
cursor:pointer;
}
.ui-lightbox-nav-left {
left:0;
}
.ui-lightbox-nav-right {
right:0;
}
.ui-lightbox-loading {
background:url("/showcase/javax.faces.resource/lightbox/images/loading.gif.xhtml?ln=primefaces&v=5.1.5-SNAPSHOT") #000000 center center no-repeat;
}
.ui-lightbox-caption {
padding:0.2em 0.4em;
display:none;
}
.ui-lightbox-caption-text {
margin:0.3em 0 0.1em 0;
float:left;
}
.ui-lightbox-close {
float:right;
margin:0;
padding:1px;
}
.ui-lightbox-close.ui-state-hover {
padding:0;
}
.ui-menu {
width:12.5em;
padding:0.3em;
position:relative;
outline:0 none;
}
.ui-menu.ui-menu-dynamic {
position:absolute;
display:none;
z-index:100000;
}
.ui-menu-list {
position:static;
}
.ui-menu .ui-menu-list .ui-menuitem {
border:none;
}
.ui-menu .ui-menu-list .ui-widget-header {
clear:both;
float:left;
width:98%;
margin:1px 0;
}
.ui-menu .ui-menuitem {
width:100%;
float:left;
clear:both;
margin:1px 0;
padding:0;
}
.ui-menu .ui-menuitem-parent {
width:100%;
float:left;
clear:both;
margin:1px 0;
padding:0;
}
.ui-menu .ui-menuitem-link {
display:block;
width:92%;
outline:none;
text-decoration:none;
font-weight:400;
border:solid 1px transparent;
float:left;
line-height:16px;
padding:0.3em;
cursor:pointer;
}
.ui-menu .ui-menuitem-link .ui-menuitem-icon {
display:inline-block;
float:left;
}
.ui-menu .ui-menuitem-text {
float:left;
}
.ui-menu .ui-widget-header h1, .ui-menu .ui-widget-header h2, .ui-menu .ui-widget-header h3, .ui-menu .ui-widget-header h4, .ui-menu .ui-widget-header h5, .ui-menu .ui-widget-header h6 {
float:left;
display:block;
font-size:1em;
margin:0 auto;
padding:0.3em 3%;
}
.ui-menu .ui-menu-parent .ui-menu-child {
display:none;
width:12.5em;
padding:0.3em;
position:absolute;
margin:0;
outline:0;
line-height:1.3;
text-decoration:none;
font-size:100%;
list-style:none;
}
.ui-menu .ui-menu-parent {
position:relative;
}
/* Toggleable Menu */
.ui-menu.ui-menu-toggleable li.ui-widget-header {
position:relative;
min-height:0;
}
.ui-menu.ui-menu-toggleable li.ui-widget-header h3 {
padding-left:2em;
}
.ui-menu.ui-menu-toggleable li.ui-widget-header.ui-state-hover {
cursor:pointer;
}
.ui-menu.ui-menu-toggleable li.ui-widget-header .ui-icon {
position:absolute;
left:.5em;
top:50%;
margin-top:-8px;
}
.ui-menu .ui-menu-parent .ui-icon-triangle-1-e, .ui-menu .ui-menu-parent .ui-icon-triangle-1-s, .ui-menubar .ui-menu-child .ui-icon-triangle-1-s, .ui-menubar .ui-menu-child .ui-icon-triangle-1-s {
float:right;
}
.ui-menubutton {
padding:0;
position:relative;
display:inline-block;
}
.ui-menubutton .ui-button {
margin:0;
}
/** Menubar **/
.ui-menubar {
width:auto;
}
.ui-menubar .ui-menuitem {
width:auto;
clear:none;
}
.ui-menubar .ui-menu-child .ui-menuitem {
width:100%;
}
.ui-menubar .ui-menu-child {
top:25px;
left:0;
}
.ui-menubar .ui-menuitem-link {
width:auto;
padding:0.4em 0.3em;
}
.ui-menubar .ui-menu-child .ui-menuitem-link {
width:92%;
}
.ui-menubar .ui-widget-header {
clear:none;
width:auto;
margin:0 3px 0 0;
}
.ui-menubar .ui-widget-header h1, .ui-menubar .ui-widget-header h2, .ui-menubar .ui-widget-header h3, .ui-menubar .ui-widget-header h4, .ui-menubar .ui-widget-header h5, .ui-menubar .ui-widget-header h6 {
padding:0.4em 0.3em;
}
.ui-menubar .ui-menubar-options {
float:right;
}
.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link span.ui-icon-triangle-1-e, .ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link span.ui-icon-triangle-1-s {
*float:none;
}
.ui-menu .ui-separator {
width:98%;
height:0px;
float:left;
clear:both;
margin:1px 0 0 0;
padding:0;
border-top:0px none;
}
/** MegaMenu **/
.ui-megamenu td {
vertical-align:top;
}
.ui-menu.ui-megamenu .ui-menu-parent .ui-menu-child {
width:auto;
}
.ui-menu.ui-megamenu .ui-menu-child > table {
width:auto;
}
.ui-menu.ui-megamenu .ui-menu-child .ui-menu-list {
width:12.5em;
}
.ui-megamenu-vertical {
width:12.5em;
}
.ui-megamenu-vertical .ui-menu-parent {
clear:both;
width:100%;
}
.ui-megamenu-vertical .ui-submenu-link.ui-menuitem-link {
width:92%;
}
/** Breadcrumb **/
.ui-breadcrumb {
margin:0;
padding:0;
overflow:hidden;
padding:5px 5px 7px 5px;
}
.ui-breadcrumb ul {
margin:0;
padding:0;
display:block;
}
.ui-breadcrumb ul li {
display:block;
float:left;
position:relative;
overflow:hidden;
}
.ui-breadcrumb ul li span {
display:block;
overflow:hidden;
}
.ui-breadcrumb ul li .ui-menuitem-link {
display:block;
position:relative;
overflow:hidden;
float:left;
*cursor:pointer;
margin-top:3px;
}
.ui-breadcrumb ul li a.ui-icon-home {
padding:0;
margin-top:1px;
overflow:hidden;
}
.ui-breadcrumb-chevron {
float:left;
margin-top:2px;
}
/** SlideMenu **/
.ui-slidemenu .ui-slidemenu-wrapper {
position:relative;
}
.ui-slidemenu .ui-slidemenu-content {
overflow-x:hidden;
overflow-y:auto;
position:relative;
}
.ui-slidemenu .ui-menu-list {
position:absolute;
top:0;
}
.ui-slidemenu .ui-menu-parent {
position:static;
}
.ui-slidemenu .ui-menu-child {
box-shadow:none;
border:0 none;
background:none repeat scroll 0 0 transparent;
}
.ui-slidemenu-backward {
position:absolute;
bottom:0;
width:95%;
margin-bottom:0.4em;
padding:0.2em;
cursor:pointer;
display:none;
}
.ui-slidemenu-backward .ui-icon {
float:left;
}
/** PanelMenu **/
.ui-panelmenu {
width:auto;
}
.ui-panelmenu .ui-panelmenu-panel {
padding:0;
margin:0;
}
.ui-panelmenu .ui-panelmenu-header {
cursor:pointer;
position:relative;
margin:0;
zoom:1;
}
.ui-panelmenu .ui-panelmenu-header a {
display:block;
padding:.5em .5em .5em 2.2em;
}
.ui-panelmenu .ui-panelmenu-header .ui-icon {
position:absolute;
left:.5em;
top:50%;
margin-top:-8px;
}
.ui-panelmenu .ui-panelmenu-content {
padding:0.2em 0;
border-top:0;
margin-top:-2px;
position:relative;
top:1px;
overflow:auto;
zoom:1;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-disabled, .ui-panelmenu .ui-panelmenu-header.ui-state-disabled a {
cursor:default;
}
.ui-panelmenu .ui-menu-list {
position:static;
}
.ui-panelmenu .ui-menuitem {
margin:1px 0;
padding:0;
}
.ui-panelmenu .ui-menuitem-link {
display:block;
outline:none;
text-decoration:none;
font-weight:400;
border:solid 1px transparent;
line-height:16px;
cursor:pointer;
position:relative;
padding:0.3em 0.3em 0.3em 2em;
}
.ui-panelmenu .ui-menu-parent .ui-menuitem-link-hasicon {
padding-left:2.8em;
}
.ui-panelmenu .ui-icon {
position:absolute;
right:auto;
top:0;
bottom:0;
margin:auto 0;
left:0.5em;
}
.ui-panelmenu .ui-menu-parent > .ui-menuitem-link > .ui-icon {
left:1.5em;
}
.ui-panelmenu .ui-menu-parent .ui-panelmenu-icon.ui-icon {
left:0.5em;
}
.ui-panelmenu .ui-menuitem-text {
float:none;
}
.ui-panelmenu .ui-menu-parent .ui-menu-list {
margin-left:20px;
}
/** TabMenu **/
.ui-tabmenu {
position:relative;
zoom:1;
}
.ui-tabmenu .ui-tabmenu-nav {
margin:0;
padding:.2em .2em 0;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
list-style:none;
float:left;
position:relative;
margin:0 .2em 1px 0;
padding:0;
white-space:nowrap;
display:block;
border-bottom:0;
top:1px;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
float:left;
padding:0.5em 1em;
text-decoration:none;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem-hasicon a {
padding:0.5em 1em 0.5em 0.2em;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-icon {
float:left;
cursor:pointer;
}
.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("/showcase/javax.faces.resource/messages/messages.png.xhtml?ln=primefaces&v=5.1.5-SNAPSHOT") 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;
}
.ui-notificationbar {
position:fixed;
width:100%;
height:100px;
display:none;
padding:10px;
}
.ui-notificationbar-close {
position:absolute;
right:3em;
top:1em;
cursor:pointer;
}
.ui-orderlist .ui-orderlist-list {
list-style-type:none;
margin:0;
padding:0;
overflow:auto;
height:200px;
width:200px;
}
.ui-orderlist .ui-orderlist-list li {
margin:1px;
padding:2px;
}
.ui-orderlist .ui-button {
display:block;
margin-bottom:0.3em;
}
.ui-orderlist .ui-orderlist-button.ui-button-text-icon-primary {
width:100%;
}
.ui-orderlist .ui-orderlist-item {
cursor:pointer;
border:0px none;
font-weight:inherit;
}
.ui-orderlist .ui-orderlist-caption {
text-align:center;
padding:4px 10px 4px 10px;
border-bottom:0px none;
}
.ui-orderlist table {
width:100%;
border-collapse:collapse;
}
.ui-orderlist.ui-state-disabled .ui-orderlist-item, .ui-orderlist.ui-state-disabled .ui-button {
cursor:default;
}
.ui-outputpanel-loading {
background:url("/showcase/javax.faces.resource/outputpanel/images/loading.gif.xhtml?ln=primefaces&v=5.1.5-SNAPSHOT") center center no-repeat;
width:32px;
height:32px;
}
.ui-overlaypanel {
padding:0;
margin:0;
position:absolute;
}
.ui-overlaypanel-content {
padding:0.5em 1em;
}
.ui-overlaypanel-close {
position:absolute;
top:-10px;
right:-10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.ui-panel {
padding:0.2em;
}
.ui-panel .ui-panel-titlebar {
padding:0.5em 1em 0.3em;
}
.ui-panel .ui-panel-title {
margin:0.1em 16px 0.2em 0;
}
.ui-panel .ui-panel-titlebar-icon {
float:right;
cursor:pointer;
}
.ui-panel .ui-panel-titlebar-icon, .ui-panel .ui-panel-titlebar-icon:hover, .ui-panel .ui-panel-titlebar-icon:focus {
margin-left:0.2em;
margin-top:-0.2em;
*margin:-1.5em 0em 0em 0.2em;
}
.ui-panel .ui-panel-content {
border:0;
background:none;
padding:0.5em 1em;
}
.ui-panel .ui-panel-footer {
border-width:1px 0 0;
margin:0.5em 0 0;
padding:0.5em 1em;
text-align:left;
}
.ui-panel-collapsed-h .ui-panel-titlebar-icon, .ui-panel-collapsed-h .ui-panel-titlebar-icon:hover, .ui-panel-collapsed-h .ui-panel-titlebar-icon:focus {
*margin:-0.2em 0em 0em 0.1em;
}
.ui-panel.ui-panel-collapsed-h {
width:42px;
}
.ui-panel.ui-panel-collapsed-h .ui-panel-title {
display:none;
}
.ui-panelgrid {
border-collapse:collapse;
}
.ui-panelgrid .ui-panelgrid-header {
text-align:center;
padding:4px 10px;
}
.ui-panelgrid .ui-panelgrid-footer {
text-align:left;
padding:2px 5px;
}
.ui-panelgrid .ui-panelgrid-cell {
border-width:1px;
border-style:solid;
border-color:inherit;
padding:4px 10px;
}
/* Grid CSS */
.ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
border:0 none;
}
/* Responsive */
@media (max-width:35em) {
.ui-panelgrid .ui-grid-responsive .ui-grid-row {
border-top:1px solid;
border-top-color:inherit;
}
.ui-panelgrid .ui-grid-responsive .ui-grid-row:first-child {
border-top:0 none;
}
}
.ui-paginator {
margin:0px;
text-align:center;
padding:2px;
}
.ui-paginator .ui-paginator-top {
border-bottom:0px none;
}
.ui-paginator .ui-paginator-bottom {
border-top:0px none;
}
.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current {
display:inline-block;
padding:2px 6px;
zoom:1;
margin-left:1px;
margin-right:1px;
text-decoration:none;
outline:none;
}
.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev {
cursor:pointer;
}
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
margin-left:1em;
margin-right:1em;
background-image:none;
}
.ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon, .ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon {
height:auto;
overflow:inherit;
}
.ui-paginator .ui-paginator-jtp-select option, .ui-paginator .ui-paginator-rpp-options option {
background-image:none;
border:0 none;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.ui-picklist > div {
float:left;
}
.ui-picklist .ui-picklist-buttons {
height:200px;
padding:0px 5px;
}
.ui-picklist .ui-picklist-list {
list-style-type:none;
margin:0;
padding:0;
overflow:auto;
height:200px;
width:200px;
}
.ui-picklist .ui-picklist-list li {
margin:1px;
padding:2px;
}
.ui-picklist .ui-button {
display:block;
margin-bottom:0.3em;
}
.ui-picklist .ui-button-text-icon-left {
width:100%;
}
.ui-picklist .ui-picklist-item {
cursor:pointer;
border:0px none;
font-weight:inherit;
}
.ui-picklist .ui-picklist-caption {
text-align:center;
padding:4px 10px 4px 10px;
border-bottom:0px none;
}
.ui-picklist table {
width:100%;
border-collapse:collapse;
}
.ui-picklist .ui-picklist-filter {
padding-right:15px;
width:90%;
}
.ui-picklist .ui-picklist-filter-container {
position:relative;
margin:0;
padding:0;
}
.ui-picklist .ui-picklist-filter-container .ui-icon {
position:absolute;
top:5px;
right:2px;
}
.ui-progressbar {
height:1.2em;
text-align:left;
position:relative;
}
.ui-progressbar .ui-progressbar-value {
margin:-1px;
height:100%;
width:0%;
position:absolute;
display:none;
}
.ui-progressbar .ui-progressbar-label {
text-align:center;
height:100%;
width:100%;
position:absolute;
display:none;
font-weight:bold;
}
.ui-rating-star, .ui-rating-cancel {
float:left;
display:block;
overflow:hidden;
text-indent:-999em;
cursor:pointer;
}
.ui-rating-star a, .ui-rating-cancel a {
width:16px;
height:15px;
display:block;
background:url("/showcase/javax.faces.resource/rating/rating.png.xhtml?ln=primefaces&v=5.1.5-SNAPSHOT") no-repeat 0 0;
}
.ui-rating-star a {
background-position:0 -32px;
}
.ui-rating-star-on a {
background-position:0 -48px;
}
.ui-rating-star-hover a {
background-position:0 -64px;
}
.ui-rating-cancel-hover a {
background-position:0 -16px;
}
.ui-rating.ui-state-disabled .ui-rating-star, .ui-rating.ui-state-disabled .ui-rating-cancel {
cursor:default;
}
.ui-spinner {
display:inline-block;
overflow:visible;
padding:0;
position:relative;
vertical-align:middle;
}
.ui-spinner-input {
vertical-align:middle;
text-align:right;
padding-right:20px;
}
.ui-spinner-button {
cursor:default;
display:block;
font-size:0.5em;
height:50%;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
right:0;
text-align:center;
vertical-align:middle;
width:16px;
z-index:100;
}
.ui-spinner .ui-icon {
left:0;
margin-top:-8px;
position:absolute;
top:50%;
}
.ui-spinner-up {
top:0;
}
.ui-spinner-down {
bottom:0;
}
.ui-spinner .ui-icon-triangle-1-s {
background-position:-65px -16px;
}
.ui-spinner .ui-icon-triangle-1-n {
margin-top:-9px;
}
.ui-spinner-input::-ms-clear {
display:none;
}
.ui-tabs {
position:relative;
padding:.2em;
zoom:1;
}
/* position:relative prevents IE scroll bug (element with position:relative inside container with overflow:auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
margin:0;
}
.ui-tabs .ui-tabs-nav li {
list-style:none;
float:left;
position:relative;
margin:0 .2em 1px 0;
padding:0;
white-space:nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float:left;
padding:.5em 1em;
text-decoration:none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor:text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor:pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor:text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
border-width:0;
padding:1em 1.4em;
background:none;
}
.ui-tabs .ui-tabs-nav li {
display:block;
}
.ui-tabs .ui-tabs-nav li .ui-icon {
float:left;
margin:0.4em 0.2em 0 0;
cursor:pointer;
}
/* per orientation settings */
/* top and bottom */
.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
border-bottom:0;
top:1px;
}
.ui-tabs.ui-tabs-top > .ui-tabs-nav {
padding:.2em .2em 0;
}
.ui-tabs.ui-tabs-bottom > .ui-tabs-nav {
padding:0 .2em .2em;
}
.ui-tabs.ui-tabs-bottom > .ui-tabs-nav li {
border-top:0;
}
/* left and right*/
.ui-tabs-left:after, .ui-tabs-right:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.ui-tabs-left > .ui-tabs-nav {
float:left;
width:23%;
height:300px;
background-image:none;
padding-top:1px;
}
.ui-tabs-left > .ui-tabs-panels {
float:right;
width:75%;
}
.ui-tabs.ui-tabs-left > .ui-tabs-nav li, .ui-tabs.ui-tabs-right > .ui-tabs-nav li {
display:block;
white-space:normal;
width:98%;
}
.ui-tabs.ui-tabs-left > .ui-tabs-nav li {
float:right;
}
.ui-tabs.ui-tabs-right > .ui-tabs-nav li {
float:left;
}
.ui-tabs.ui-tabs-left > .ui-tabs-nav li {
margin:0 0 1px 0.2em;
border-right:0 none;
}
.ui-tabs.ui-tabs-right > .ui-tabs-nav {
float:right;
width:23%;
height:300px;
background-image:none;
padding-top:1px;
}
.ui-tabs.ui-tabs-right > .ui-tabs-panels {
float:left;
width:75%;
}
.ui-tabs.ui-tabs-right > .ui-tabs-nav li {
margin:0 0.2em 1px 0;
border-left:0 none;
}
/** RTL **/
.ui-tabs-rtl {
direction:rtl;
}
.ui-tabs-rtl .ui-tabs-nav li, .ui-tabs-rtl .ui-tabs-nav li a {
float:right;
}
/** Scroll **/
.ui-tabs-scrollable .ui-tabs-nav {
width:5000px;
}
.ui-tabs .ui-tabs-navscroller {
overflow:hidden;
position:relative;
}
.ui-tabs-scrollable .ui-tabs-nav li {
margin:0 .2em -1px 0;
}
.ui-tabs .ui-tabs-navscroller-btn {
position:absolute;
height:28px;
top:0px;
z-index:100;
cursor:pointer;
display:none;
}
.ui-tabs .ui-tabs-navscroller-btn-left {
left:0px;
}
.ui-tabs .ui-tabs-navscroller-btn-right {
right:0px;
}
.ui-tabs .ui-tabs-navscroller-btn-left .ui-icon, .ui-tabs .ui-tabs-navscroller-btn-right .ui-icon {
margin-top:5px;
}
.ui-tagcloud {
width:250px;
}
.ui-tagcloud ul {
margin:1em;
padding:0.1em;
text-align:center;
}
.ui-tagcloud li {
margin:0;
padding:0;
list-style:none;
display:inline-block;
}
.ui-tagcloud li a {
text-decoration:none;
padding:0 5px;
}
.ui-tagcloud-strength-1 {
font-size:100%;
}
.ui-tagcloud-strength-2 {
font-size:120%;
}
.ui-tagcloud-strength-3 {
font-size:140%;
}
.ui-tagcloud-strength-4 {
font-size:160%;
}
.ui-tagcloud-strength-5 {
font-size:180%;
}
.ui-tagcloud li a.ui-state-hover {
border:0px none;
font-weight:inherit;
}
.ui-toolbar {
padding:0.2em;
}
.ui-toolbar .ui-separator {
display:inline-block;
vertical-align:middle;
}
.ui-toolbar-group-left {
float:left;
}
.ui-toolbar-group-right {
float:right;
}
.ui-tooltip {
position:absolute;
display:none;
padding:3px 5px;
}
.ui-tree {
width:300px;
position:relative;
}
.ui-tree .ui-tree-container {
margin:0;
padding:3px;
white-space:nowrap;
overflow:auto;
}
.ui-tree .ui-treenode-children {
margin:0;
padding:0 0 0 16px;
}
.ui-tree .ui-treenode {
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat-y;
list-style:none outside none;
margin:0;
padding:1px 0 0;
}
.ui-tree .ui-treenode-content {
}
.ui-tree .ui-tree-toggler {
cursor:pointer;
display:inline-block;
vertical-align:top;
}
.ui-tree .ui-treenode-icon {
display:inline-block;
vertical-align:top;
}
.ui-tree .ui-treenode-label {
display:inline-block;
margin:2px 0 0 0;
vertical-align:top;
padding:0 3px;
}
.ui-tree .ui-tree-selectable .ui-treenode-label, .ui-tree .ui-tree-selectable .ui-treenode-icon {
cursor:pointer;
}
.ui-tree .ui-treenode-label.ui-state-hover, .ui-tree .ui-treenode-label.ui-state-highlight {
font-weight:normal;
border:0 none;
}
.ui-tree .ui-treenode-leaf-icon {
width:16px;
height:16px;
display:inline-block;
}
.ui-tree .ui-chkbox-box {
cursor:pointer;
width:15px;
height:15px;
float:left;
}
.ui-tree .ui-chkbox {
display:inline-block;
zoom:1;
}
/** Horizontal Tree **/
.ui-tree-horizontal {
width:auto;
padding:10px 0px;
overflow:auto;
}
.ui-tree.ui-tree-horizontal table, .ui-tree.ui-tree-horizontal tr, .ui-tree.ui-tree-horizontal td {
border-collapse:collapse;
margin:0;
padding:0;
vertical-align:middle;
}
.ui-tree.ui-tree-horizontal .ui-tree-toggler {
vertical-align:bottom;
}
.ui-tree-horizontal .ui-treenode-content {
font-weight:normal;
}
.ui-tree-horizontal .ui-treenode-content.ui-tree-selectable {
cursor:pointer;
}
.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
font-weight:normal;
white-space:nowrap;
}
.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
padding:0.4em 1em 0.4em 0.2em;
}
.ui-tree-horizontal .ui-treenode-leaf .ui-treenode-content {
padding:0.4em 1em;
}
.ui-tree.ui-tree-horizontal .ui-treenode {
background:url("/showcase/javax.faces.resource/tree/images/line.gif.xhtml?ln=primefaces&v=5.1.5-SNAPSHOT") repeat-x scroll center center transparent;
padding:5px 40px;
}
.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf, .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
padding-right:0px;
}
.ui-tree.ui-tree-horizontal .ui-treenode-children {
padding:0;
margin:0;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector {
width:1px;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
height:100%;
width:1px;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
background:url("/showcase/javax.faces.resource/tree/images/line.gif.xhtml?ln=primefaces&v=5.1.5-SNAPSHOT") repeat-y scroll 0 0 transparent;
width:1px;
}
.ui-tree.ui-tree-horizontal table {
height:0px;
}
.ui-tree.ui-tree-horizontal .ui-chkbox {
vertical-align:bottom;
margin-right:3px;
}
/** RTL **/
.ui-tree.ui-tree-rtl {
direction:rtl;
}
.ui-tree.ui-tree-rtl .ui-treenode-children {
padding:0 16px 0 0;
}
/** DragDrop **/
.ui-tree-droppoint {
list-style:none outside none;
height:4px;
margin:0;
padding:0;
}
.ui-tree-droppoint.ui-state-hover {
border:0 none;
}
.ui-treenode-content.ui-state-hover {
font-weight:inherit;
}
.ui-tree-draghelper.ui-state-highlight {
background:none transparent;
}
.ui-tree .ui-tree-scrollertop, .ui-tree .ui-tree-scrollerbottom {
height:10px;
width:100%;
position:absolute;
}
.ui-tree .ui-tree-scrollertop {
top:0;
}
.ui-tree .ui-tree-scrollerbottom {
bottom:0;
}
.ui-tree .ui-treenode-content .ui-chkbox.ui-selection {
display:none;
}
.ui-tree .ui-treenode-content.ui-tree-selectable .ui-chkbox.ui-selection {
display:inline-block;
}
.ui-tree.ui-tree-checkbox-all .ui-treenode-content .ui-chkbox.ui-selection {
display:inline-block;
}
.ui-tree .ui-treenode-outline {
outline:1px dotted;
}
.ui-treetable table {
border-collapse:collapse;
width:100%;
}
.ui-treetable .ui-treetable-header, .ui-treetable .ui-treetable-footer {
text-align:center;
padding:4px 10px;
}
.ui-treetable .ui-treetable-header {
border-bottom:0px none;
}
.ui-treetable .ui-treetable-footer {
border-top:0px none;
}
.ui-treetable th, .ui-treetable tfoot td {
text-align:center;
}
.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
padding:4px 10px;
overflow:hidden;
white-space:nowrap;
border-width:1px;
border-style:solid;
}
.ui-treetable tbody td {
border-color:inherit;
}
.ui-treetable .ui-treetable-toggler {
float:left;
margin-top:-2px;
cursor:pointer;
}
.ui-treetable .ui-treetable-data tr.ui-state-highlight, .ui-treetable .ui-treetable-data tr.ui-state-hover {
cursor:pointer;
}
.ui-treetable-scrollable-body {
overflow:auto;
}
.ui-treetable-scrollable-header, .ui-treetable-scrollable-footer {
overflow:hidden;
border:0 none;
}
.ui-treetable.ui-treetable-scrollable table {
table-layout:fixed;
}
.ui-treetable-scrollable .ui-treetable-scrollable-header, .ui-treetable-scrollable .ui-treetable-scrollable-footer {
position:relative;
}
.ui-treetable .ui-treetable-data tr.ui-state-hover {
border-color:inherit;
font-weight:inherit;
}
/** Resizable Columns **/
.ui-treetable-resizable {
padding-bottom:1px;
/*fix for webkit overlow*/
overflow:auto;
}
.ui-treetable.ui-treetable-resizable table {
table-layout:fixed;
}
.ui-treetable .ui-column-resizer {
width:8px;
height:20px;
padding:0px;
cursor:col-resize;
background-image:url("/showcase/javax.faces.resource/spacer/dot_clear.gif.xhtml?ln=primefaces&v=5.1.5-SNAPSHOT");
margin:-4px -10px -4px 0px;
float:right;
}
.ui-treetable .ui-column-resizer-helper {
width:1px;
position:absolute;
z-index:10;
display:none;
}
.ui-treetable .ui-chkbox {
margin-right:3px;
}
.ui-treetable .ui-treetable-indent {
width:16px;
height:16px;
float:left;
}
.ui-treetable-scrollable-body::-webkit-scrollbar {
-webkit-appearance:none;
width:15px;
background-color:transparent;
}
.ui-treetable-scrollable-body::-webkit-scrollbar-thumb {
border-radius:8px;
border:1px solid white;
background-color:rgba(194, 194, 194, .5);
}
.ui-treetable .ui-sortable-column {
cursor:pointer;
}
.ui-treetable .ui-sortable-column-icon {
display:inline-block;
margin:-3px 0px -3px 2px;
}
.ui-treetable .ui-chkbox.ui-selection {
display:none;
}
.ui-treetable .ui-treetable-selectable-node .ui-chkbox.ui-selection {
display:inline-block;
}
.ui-treetable.ui-treetable-checkbox-all .ui-chkbox.ui-selection {
display:inline-block;
}
.ui-wizard {
margin:0;
padding:0;
}
.ui-wizard-content {
margin:3px 0;
}
.ui-wizard-navbar {
text-align:right;
}
.ui-wizard-nav-back, .ui-wizard-nav-next {
cursor:pointer;
}
.ui-wizard-nav-back {
float:left;
}
.ui-wizard-nav-next {
float:right;
}
.ui-wizard-step-title {
font-size:18px;
margin:0 3px 0 0;
padding:0.4em;
float:left;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment