compass-jquery-plugin 0.3.0.0 → 0.3.1.beta.2

data/templates/jqgrid/jquery/jqGrid.scss

@@ -0,0 +1,692 @@
+// Generated by compass-jquery-plugin/gem-tasks/jqgrid.rake
+
+/*Grid*/
+
+.ui-jqgrid {
+  position: relative;
+  font-size: 11px;
+  .ui-jqgrid-view {
+    position: relative;
+    left: 0px;
+    top: 0px;
+    padding: .0em; }
+  .ui-jqgrid-titlebar {
+    padding: .3em .2em .2em .3em;
+    position: relative;
+    border-left: 0px none;
+    border-right: 0px none;
+    border-top: 0px none; }
+  .ui-jqgrid-title {
+    float: left;
+    margin: .1em 0 .2em; }
+  .ui-jqgrid-titlebar-close {
+    position: absolute;
+    top: 50%;
+    width: 19px;
+    margin: -10px 0 0 0;
+    padding: 1px;
+    height: 18px;
+    span {
+      display: block;
+      margin: 1px; }
+    &:hover {
+      padding: 0; } }
+  .ui-jqgrid-hdiv {
+    position: relative;
+    margin: 0em;
+    padding: 0em;
+    overflow-x: hidden;
+    overflow-y: auto;
+    border-left: 0px none !important;
+    border-top: 0px none !important;
+    border-right: 0px none !important; }
+  .ui-jqgrid-hbox {
+    float: left;
+    padding-right: 20px; }
+  .ui-jqgrid-htable {
+    table-layout: fixed;
+    margin: 0em;
+    th {
+      height: 22px;
+      padding: 0 2px 0 2px;
+      div {
+        overflow: hidden;
+        position: relative;
+        height: 17px; } } } }
+
+/* caption*/
+
+/* header*/
+
+.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
+  overflow: hidden;
+  white-space: nowrap;
+  text-align: center;
+  border-top: 0px none;
+  border-bottom: 0px none; }
+
+.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
+  border-left: 0px none; }
+
+.ui-th-rtl {
+  border-right: 0px none; }
+
+.ui-jqgrid {
+  .ui-jqgrid-htable th.ui-th-rtl {
+    border-right: 0px none; }
+  .ui-th-div-ie {
+    white-space: nowrap;
+    zoom: 1;
+    height: 17px; }
+  .ui-jqgrid-resize {
+    height: 20px !important;
+    position: relative;
+    cursor: e-resize;
+    display: inline;
+    overflow: hidden; }
+  .ui-grid-ico-sort {
+    overflow: hidden;
+    position: absolute;
+    display: inline;
+    cursor: pointer !important; }
+  .ui-icon-asc {
+    margin-top: -3px;
+    height: 12px; }
+  .ui-icon-desc {
+    margin-top: 3px;
+    height: 12px;
+    margin-left: -1px; }
+  .ui-i-asc {
+    margin-top: 0px;
+    height: 16px; }
+  .ui-i-desc {
+    margin-top: 0px;
+    margin-left: 13px;
+    height: 16px; }
+  .ui-jqgrid-sortable {
+    cursor: pointer; }
+  tr.ui-search-toolbar th {
+    border-top-width: 1px !important;
+    border-top-color: inherit !important;
+    border-top-style: ridge !important; } }
+
+tr.ui-search-toolbar {
+  input, select {
+    margin: 1px 0px 0px 0px; } }
+
+/* body */
+
+.ui-jqgrid {
+  .ui-jqgrid-bdiv {
+    position: relative;
+    margin: 0em;
+    padding: 0;
+    overflow: auto;
+    text-align: left; }
+  .ui-jqgrid-btable {
+    table-layout: fixed;
+    margin: 0em; }
+  tr {
+    &.jqgrow td {
+      font-weight: normal;
+      overflow: hidden;
+      white-space: pre;
+      height: 22px;
+      padding: 0 2px 0 2px;
+      border-bottom-width: 1px;
+      border-bottom-color: inherit;
+      border-bottom-style: solid; }
+    &.jqgfirstrow td {
+      padding: 0 2px 0 2px;
+      border-right-width: 1px;
+      border-right-style: solid; }
+    &.jqgroup td {
+      font-weight: normal;
+      overflow: hidden;
+      white-space: pre;
+      height: 22px;
+      padding: 0 2px 0 2px;
+      border-bottom-width: 1px;
+      border-bottom-color: inherit;
+      border-bottom-style: solid; }
+    &.jqfoot td {
+      font-weight: bold;
+      overflow: hidden;
+      white-space: pre;
+      height: 22px;
+      padding: 0 2px 0 2px;
+      border-bottom-width: 1px;
+      border-bottom-color: inherit;
+      border-bottom-style: solid; }
+    &.ui-row-ltr td {
+      text-align: left;
+      border-right-width: 1px;
+      border-right-color: inherit;
+      border-right-style: solid; }
+    &.ui-row-rtl td {
+      text-align: right;
+      border-left-width: 1px;
+      border-left-color: inherit;
+      border-left-style: solid; } }
+  td.jqgrid-rownum {
+    padding: 0 2px 0 2px;
+    margin: 0px;
+    border: 0px none; }
+  .ui-jqgrid-resize-mark {
+    width: 2px;
+    left: 0;
+    background-color: #777;
+    cursor: e-resize;
+    cursor: col-resize;
+    position: absolute;
+    top: 0;
+    height: 100px;
+    overflow: hidden;
+    display: none;
+    border: 0 none; }
+  .ui-jqgrid-sdiv {
+    position: relative;
+    margin: 0em;
+    padding: 0em;
+    overflow: hidden;
+    border-left: 0px none !important;
+    border-top: 0px none !important;
+    border-right: 0px none !important; }
+  .ui-jqgrid-ftable {
+    table-layout: fixed;
+    margin-bottom: 0em; }
+  tr {
+    &.footrow td {
+      font-weight: bold;
+      overflow: hidden;
+      white-space: nowrap;
+      height: 21px;
+      padding: 0 2px 0 2px;
+      border-top-width: 1px;
+      border-top-color: inherit;
+      border-top-style: solid; }
+    &.footrow-ltr td {
+      text-align: left;
+      border-right-width: 1px;
+      border-right-color: inherit;
+      border-right-style: solid; }
+    &.footrow-rtl td {
+      text-align: right;
+      border-left-width: 1px;
+      border-left-color: inherit;
+      border-left-style: solid; } }
+  .ui-jqgrid-pager {
+    border-left: 0px none !important;
+    border-right: 0px none !important;
+    border-bottom: 0px none !important;
+    margin: 0px !important;
+    padding: 0px !important;
+    position: relative;
+    height: 25px;
+    white-space: nowrap;
+    overflow: hidden; }
+  .ui-pager-control {
+    position: relative; }
+  .ui-pg-table {
+    position: relative;
+    padding-bottom: 2px;
+    width: auto;
+    margin: 0em;
+    td {
+      font-weight: normal;
+      vertical-align: middle;
+      padding: 1px; } }
+  .ui-pg-button {
+    height: 19px !important;
+    span {
+      display: block;
+      margin: 1px;
+      float: left; }
+    &:hover {
+      padding: 0px; } }
+  .ui-state-disabled:hover {
+    padding: 1px; }
+  .ui-pg-input {
+    height: 13px;
+    font-size: .8em;
+    margin: 0em; }
+  .ui-pg-selbox {
+    font-size: .8em;
+    line-height: 18px;
+    display: block;
+    height: 18px;
+    margin: 0em; }
+  .ui-separator {
+    height: 18px;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    margin: 1px;
+    float: right; }
+  .ui-paging-info {
+    font-weight: normal;
+    height: 19px;
+    margin-top: 3px;
+    margin-right: 4px; }
+  .ui-jqgrid-pager {
+    .ui-pg-div {
+      padding: 1px 0;
+      float: left;
+      list-style-image: none;
+      list-style-position: outside;
+      list-style-type: none;
+      position: relative; }
+    .ui-pg-button {
+      cursor: pointer; }
+    .ui-pg-div span.ui-icon {
+      float: left;
+      margin: 0 2px; } }
+  td {
+    input, select .ui-jqgrid td textarea {
+      margin: 0em; }
+    textarea {
+      width: auto;
+      height: auto; } }
+  .ui-jqgrid-toppager {
+    border-left: 0px none !important;
+    border-right: 0px none !important;
+    border-top: 0px none !important;
+    margin: 0px !important;
+    padding: 0px !important;
+    position: relative;
+    height: 25px !important;
+    white-space: nowrap;
+    overflow: hidden; }
+  .ui-jqgrid-btable .ui-sgcollapsed span {
+    display: block; }
+  .ui-subgrid {
+    margin: 0em;
+    padding: 0em;
+    width: 100%;
+    table {
+      table-layout: fixed; }
+    tr.ui-subtblcell td {
+      height: 18px;
+      border-right-width: 1px;
+      border-right-color: inherit;
+      border-right-style: solid;
+      border-bottom-width: 1px;
+      border-bottom-color: inherit;
+      border-bottom-style: solid; }
+    td {
+      &.subgrid-data {
+        border-top: 0px none !important; }
+      &.subgrid-cell {
+        border-width: 0px 0px 1px 0px; } } }
+  .ui-th-subgrid {
+    height: 20px; }
+  .loading {
+    position: absolute;
+    top: 45%;
+    left: 45%;
+    width: auto;
+    z-index: 101;
+    padding: 6px;
+    margin: 5px;
+    text-align: center;
+    font-weight: bold;
+    display: none;
+    border-width: 2px !important; }
+  .jqgrid-overlay {
+    display: none;
+    z-index: 100; } }
+
+/* footer */
+
+/* Pager*/
+
+/*subgrid*/
+
+/* loading */
+
+* {
+  html .jqgrid-overlay {
+    width: expression(this.parentNode.offsetWidth+'px');
+    height: expression(this.parentNode.offsetHeight+'px'); }
+  .jqgrid-overlay iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+    width: expression(this.parentNode.offsetWidth+'px');
+    height: expression(this.parentNode.offsetHeight+'px'); } }
+
+/* end loading div */
+/* toolbar */
+
+.ui-jqgrid .ui-userdata {
+  border-left: 0px none;
+  border-right: 0px none;
+  height: 21px;
+  overflow: hidden; }
+
+/*Modal Window */
+
+.ui-jqdialog {
+  display: none;
+  width: 300px;
+  position: absolute;
+  padding: .2em;
+  font-size: 11px;
+  overflow: visible;
+  .ui-jqdialog-titlebar {
+    padding: .3em .2em;
+    position: relative; }
+  .ui-jqdialog-title {
+    margin: .1em 0 .2em; }
+  .ui-jqdialog-titlebar-close {
+    position: absolute;
+    top: 50%;
+    width: 19px;
+    margin: -10px 0 0 0;
+    padding: 1px;
+    height: 18px;
+    span {
+      display: block;
+      margin: 1px; }
+    &:hover, &:focus {
+      padding: 0; } } }
+
+.ui-jqdialog-content {
+  border: 0;
+  padding: .3em .2em;
+  background: none;
+  height: auto; }
+
+.ui-jqdialog {
+  .ui-jqdialog-content {
+    border: 0;
+    padding: .3em .2em;
+    background: none;
+    height: auto; }
+  .ui-jqconfirm {
+    padding: .4em 1em;
+    border-width: 3px;
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+    overflow: visible;
+    display: none;
+    height: 80px;
+    width: 220px;
+    text-align: center; } }
+
+/* end Modal window*/
+/* Form edit */
+
+.ui-jqdialog-content {
+  .FormGrid {
+    margin: 0px; }
+  .EditTable, .DelTable {
+    width: 100%;
+    margin-bottom: 0em; } }
+
+.EditTable td {
+  input, select {
+    margin: 0em; }
+  textarea {
+    margin: 0em;
+    width: auto;
+    height: auto; } }
+
+.ui-jqdialog-content {
+  td {
+    &.EditButton {
+      text-align: right;
+      border-top: 0px none;
+      border-left: 0px none;
+      border-right: 0px none;
+      padding-bottom: 5px;
+      padding-top: 5px; }
+    &.navButton {
+      text-align: center;
+      border-left: 0px none;
+      border-top: 0px none;
+      border-right: 0px none;
+      padding-bottom: 5px;
+      padding-top: 5px; } }
+  .CaptionTD {
+    text-align: left;
+    vertical-align: top;
+    border-left: 0px none;
+    border-right: 0px none;
+    border-bottom: 0px none;
+    padding: 1px;
+    white-space: nowrap; }
+  .DataTD {
+    padding: 1px;
+    border-left: 0px none;
+    border-right: 0px none;
+    border-bottom: 0px none;
+    vertical-align: top; }
+  .form-view-data {
+    white-space: pre; } }
+
+.fm-button {
+  display: inline-block;
+  margin: 0 4px 0 0;
+  padding: .4em .5em;
+  text-decoration: none !important;
+  cursor: pointer;
+  position: relative;
+  text-align: center;
+  zoom: 1; }
+
+.fm-button-icon-left {
+  padding-left: 1.9em; }
+
+.fm-button-icon-right {
+  padding-right: 1.9em; }
+
+.fm-button-icon-left .ui-icon {
+  right: auto;
+  left: .2em;
+  margin-left: 0;
+  position: absolute;
+  top: 50%;
+  margin-top: -8px; }
+
+.fm-button-icon-right .ui-icon {
+  left: auto;
+  right: .2em;
+  margin-left: 0;
+  position: absolute;
+  top: 50%;
+  margin-top: -8px; }
+
+#nData, #pData {
+  float: left;
+  margin: 3px;
+  padding: 0;
+  width: 15px; }
+
+/* End Eorm edit */
+/*.ui-jqgrid .edit-cell {}*/
+
+.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {
+  font-style: normal;
+  border-left: 0px none; }
+
+/* Tree Grid */
+
+.ui-jqgrid {
+  .tree-wrap {
+    float: left;
+    position: relative;
+    height: 18px;
+    white-space: nowrap;
+    overflow: hidden; }
+  .tree-minus, .tree-plus, .tree-leaf {
+    position: absolute;
+    height: 18px;
+    width: 18px;
+    overflow: hidden; }
+  .treeclick {
+    cursor: pointer; } }
+
+/* moda dialog */
+
+.jqmOverlay {
+  background-color: #000; }
+
+* iframe.jqm {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  width: expression(this.parentNode.offsetWidth+'px');
+  height: expression(this.parentNode.offsetHeight+'px'); }
+
+.ui-jqgrid-dnd tr td {
+  border-right-width: 1px;
+  border-right-color: inherit;
+  border-right-style: solid;
+  height: 20px; }
+
+/* RTL Support */
+
+.ui-jqgrid {
+  .ui-jqgrid-title-rtl {
+    float: right;
+    margin: .1em 0 .2em; }
+  .ui-jqgrid-hbox-rtl {
+    float: right;
+    padding-left: 20px; }
+  .ui-jqgrid-resize-ltr {
+    float: right;
+    margin: -2px -2px -2px 0px; }
+  .ui-jqgrid-resize-rtl {
+    float: left;
+    margin: -2px 0px -1px -3px; }
+  .ui-sort-rtl {
+    left: 0px; }
+  .tree-wrap-ltr {
+    float: left; }
+  .tree-wrap-rtl {
+    float: right; }
+  .ui-ellipsis {
+    text-overflow: ellipsis;
+    -moz-binding: url('ellipsis-xbl.xml#ellipsis'); } }
+
+.ui-searchFilter {
+  display: none;
+  position: absolute;
+  z-index: 770;
+  overflow: visible;
+  table {
+    position: relative;
+    margin: 0em;
+    width: auto;
+    td {
+      margin: 0em;
+      padding: 1px;
+      input, select {
+        margin: 0.1em; } } }
+  .ui-state-default {
+    cursor: pointer; }
+  .divider {
+    height: 1px;
+    div {
+      background-color: black;
+      height: 1px; } } }
+
+/* Multiselect
+----------------------------------*/
+
+.ui-multiselect {
+  border: solid 1px;
+  font-size: 0.8em;
+  ul {
+    -moz-user-select: none; }
+  li {
+    margin: 0;
+    padding: 0;
+    cursor: default;
+    line-height: 20px;
+    height: 20px;
+    font-size: 11px;
+    list-style: none;
+    a {
+      color: #999;
+      text-decoration: none;
+      padding: 0;
+      display: block;
+      float: left;
+      cursor: pointer; }
+    &.ui-draggable-dragging {
+      padding-left: 10px; } }
+  div.selected {
+    position: relative;
+    padding: 0;
+    margin: 0;
+    border: 0;
+    float: left; }
+  ul.selected {
+    position: relative;
+    padding: 0;
+    overflow: auto;
+    overflow-x: hidden;
+    background: #fff;
+    margin: 0;
+    list-style: none;
+    border: 0;
+    position: relative;
+    width: 100%;
+    li {} }
+  div.available {
+    position: relative;
+    padding: 0;
+    margin: 0;
+    border: 0;
+    float: left;
+    border-left: 1px solid; }
+  ul.available {
+    position: relative;
+    padding: 0;
+    overflow: auto;
+    overflow-x: hidden;
+    background: #fff;
+    margin: 0;
+    list-style: none;
+    border: 0;
+    width: 100%;
+    li {
+      padding-left: 10px; } }
+  .ui-state-default {
+    border: none;
+    margin-bottom: 1px;
+    position: relative;
+    padding-left: 20px; }
+  .ui-state-hover {
+    border: none; }
+  .ui-widget-header {
+    border: none;
+    font-size: 11px;
+    margin-bottom: 1px; }
+  .add-all, .remove-all {
+    float: right;
+    padding: 7px; }
+  .search {
+    float: left;
+    padding: 4px; }
+  .count {
+    float: left;
+    padding: 7px; }
+  li {
+    span.ui-icon-arrowthick-2-n-s {
+      position: absolute;
+      left: 2px; }
+    a.action {
+      position: absolute;
+      right: 2px;
+      top: 2px; } }
+  input.search {
+    height: 14px;
+    padding: 1px;
+    opacity: 0.5;
+    margin: 4px;
+    width: 100px; } }