com.sksamuel.public.css.jqm4gwt.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of jqm4gwt-standalone Show documentation
jqm4gwt bundled with all of its dependencies
The newest version!
.jqm4gwt-image-link-a.ui-btn.jqm4gwt-compact-btn {
  padding: 3px !important;
}
.jqm4gwt-image-link-img[data-resize-priority='horizontal'] {
  max-width: 100%;
  height: auto;
  width: auto\9; /*ie8*/
}
.jqm4gwt-image-link-img[data-resize-priority='vertical'] {
  max-height: 100%;
  width: auto;
  height: auto\9; /*ie8*/
}

/* See http://stackoverflow.com/a/11798480 */
.ui-loader-background {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  position: fixed;
  z-index: 9999999; /* the same as ui-loader */
}
.ui-loading .ui-loader-background {
  display: block;
}

.ui-dialog-background.ui-dialog {
  opacity: 1;
  display: block !important;
}

.ui-dialog-background:not(.ui-dialog) {
  opacity: 0.5;
  display: block !important;
  -webkit-transition: opacity 0.5s ease-in;
     -moz-transition: opacity 0.5s ease-in;
       -o-transition: opacity 0.5s ease-in;
          transition: opacity 0.5s ease-in;
}

.ui-dialog-background.pop.in:not(.ui-dialog) {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in;
     -moz-transition: opacity 0.5s ease-in;
       -o-transition: opacity 0.5s ease-in;
          transition: opacity 0.5s ease-in;
}

/* See http://stackoverflow.com/a/10449504 */
.jqm4gwt-dialog-transparent.ui-dialog {
  min-height: 100% !important;
  background: rgba(0, 0, 0, 0.1) !important; /* cannot be transparent because of IE9 */

  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
  position: fixed;
  z-index: 1098; /* must be less than ui-loader and jqm-datebox(1100) */
}
.jqm4gwt-dialog-transparent.ui-dialog.zindex-1 {
  z-index: 1097; /* other dialogs can be called from this one */
}
.jqm4gwt-dialog-transparent.ui-dialog.topmost {
  z-index: 1099; /* this dialog must be over other dialogs */
}

.jqm4gwt-non-editable input {
  filter: Alpha(Opacity=67);
  opacity: .67;
  zoom: 1;
}

.jqm4gwt-error {
  display: block;
  padding-left: 10px;

  background-color: #FFCA96;
  color: #000000;
  border: solid 1px white;
  padding-top: 3px;
  padding-bottom: 3px;
}
.jqm4gwt-error[class*=ui-icon-] {
  position: relative;
}
.jqm4gwt-error.ui-btn-icon-left[class*=ui-icon-] {
  padding-left: 2.5em; /* 2.5em is default for left icon */
}

.jqm4gwt-form-required > label:after {
  content: " *";
  display: inline;
}
.jqm4gwt-form-required > .ui-controlgroup .ui-controlgroup-label legend:after {
  content: " *";
  display: inline;
}

.jqm4gwt-form-label-top .ui-field-contain > label,
.jqm4gwt-form-label-top .ui-field-contain .ui-controlgroup-label,
.jqm4gwt-form-label-top .ui-field-contain > .ui-rangeslider > label {
  width: auto !important;
  float: none !important;
  margin-top: 0 !important;
}
.jqm4gwt-form-label-top .ui-field-contain > label ~ [class*="ui-"],
.jqm4gwt-form-label-top .ui-field-contain .ui-controlgroup-controls {
  width: auto !important;
  float: none !important;
  margin-top: 0 !important;
}

.jqm4gwt-errorcontain input, .jqm4gwt-errorcontain .ui-select, .jqm4gwt-errorcontain .ui-controlgroup-controls {
  -webkit-box-shadow: 0 0 12px #CC3333;
  -moz-box-shadow: 0 0 12px #CC3333;
  box-shadow: 0 0 12px #CC3333;
}

.jqm4gwt-scrollable-page-content {
  position: relative;
}
.jqm4gwt-scrollable-main-stage {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.jqm4gwt-li-band > .jqm4gwt-li-controls.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn {
  border-bottom-width: 1px;
}

.jqm4gwt-listitem-icon {
  max-height: 16px !important;
  max-width: 16px !important;
  left: 10px !important;
  top: .9em !important;
  margin-right: 10px !important;
}

.jqm4gwt-list-static-item-img-right .jqm4gwt-listitem.ui-li-static {
  padding-bottom: 0;
  padding-right: 2.5em;
}
.jqm4gwt-list-static-item-img-right .jqm4gwt-listitem.ui-li-static > img:last-of-type {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
}

.jqm4gwt-listitem a.ui-btn > .ui-checkbox {
  margin: 0;
}

.jqm4gwt-listitem a.ui-btn > h1:only-child,
.jqm4gwt-listitem a.ui-btn > h2:only-child,
.jqm4gwt-listitem a.ui-btn > h3:only-child,
.jqm4gwt-listitem a.ui-btn > h4:only-child,
.jqm4gwt-listitem a.ui-btn > h5:only-child,
.jqm4gwt-listitem a.ui-btn > h6:only-child {
    margin-top: 0;
    margin-bottom: 0;
}

.jqm4gwt-listitem.ui-li-static > h1:only-child,
.jqm4gwt-listitem.ui-li-static > h2:only-child,
.jqm4gwt-listitem.ui-li-static > h3:only-child,
.jqm4gwt-listitem.ui-li-static > h4:only-child,
.jqm4gwt-listitem.ui-li-static > h5:only-child,
.jqm4gwt-listitem.ui-li-static > h6:only-child {
  margin-top: 0;
  margin-bottom: 0;
}

.jqm4gwt-tabs-horizontal .jqm4gwt-tabs-header-list {
    width: 28%;
    display: inline-block;
    vertical-align: middle;
}
.jqm4gwt-tabs-horizontal .jqm4gwt-tabs-content {
    width: 66%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.jqm4gwt-table-img-cell td.img-only,
.jqm4gwt-table-img-cell th.img-only {
  padding: 0;
  text-align: center;
}
.jqm4gwt-table-img-cell td.img-only > img,
.jqm4gwt-table-img-cell th.img-only > img {
  vertical-align: middle;
}

/* jqm4gwt-select-filterable */
.ui-select-filterable.ui-selectmenu.ui-popup .ui-input-search {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ui-select-filterable.ui-selectmenu.ui-popup .ui-selectmenu-list li.ui-first-child .ui-btn {
  border-top-width: 1px;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-select-filterable.ui-selectmenu.ui-dialog .ui-content {
  padding-top: 0;
}
.ui-select-filterable.ui-selectmenu.ui-dialog .ui-selectmenu-list {
  margin-top: 0;
}
.ui-select-filterable.ui-selectmenu.ui-dialog .ui-header {
  border-bottom-width: 1px;
}

.ui-inline {
  display: inline-block;
}
.ui-inline > .ui-checkbox {
}

.jqm4gwt-fixed-hidden {
  display: none;
}

/* Alt icons */
.ui-alt-icon.jqm4gwt-icon:after {
  background-color: #666 /*{global-icon-color}*/;
  background-color: rgba(0,0,0,.15) /*{global-icon-disc}*/;
}
/* No disc */
.ui-nodisc-icon.jqm4gwt-icon:after {
  background-color: transparent;
}
/* Icon shadow */
.ui-shadow-icon.jqm4gwt-icon:after {
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
  box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
}