ui/src/main/webapp/static/fusion/css/att_angular_gridster/ui-gridster.css

   1 /* ui-gridster.css */
   2 .gridster-container {
   3     background-color: #EFEFEF;
   4     color: #fff;
   5     border: 1px dashed;
   6     overflow-y: auto;
   7     overflow-x: hidden;
   8 }
   9
  10 /* app css for attGridtser */
  11 .gridster-item-container {
  12     background-color: #FFFFFF;
  13     position: relative;
  14     margin-left: auto;
  15     margin-right: auto;
  16     min-height: 79px;
  17     height: 100%;
  18 }
  19
  20 .gridster-item-container .gridster-item-header {
  21     /* gridster-item Header */
  22     position: relative;
  23     height: 50px !important;
  24     border: 1px solid #d3d3d3;
  25     border-bottom: 0;
  26     background-color: #E5E5E5;
  27     white-space: nowrap;
  28     text-overflow: ellipsis;
  29     z-index: 1;
  30     -webkit-border-radius: 2px 2px 0 0;
  31     -moz-border-radius: 2px 2px 0 0;
  32     -ms-border-radius: 2px 2px 0 0;
  33     -o-border-radius: 2px 2px 0 0;
  34     border-radius: 2px 2px 0 0;
  35     -webkit-box-sizing: border-box;
  36     -moz-box-sizing: border-box;
  37     box-sizing: border-box;
  38     overflow: hidden;
  39     /* IE6-8 */
  40 }
  41
  42 .gridster-item-container .gridster-item-header .gridster-item-handle {
  43     cursor: move;
  44     margin: 12px;
  45     position: absolute;
  46     top: 0;
  47     left: 0;
  48     border: 0;
  49     vertical-align: middle;
  50     -ms-interpolation-mode: bicubic;
  51     display: block;
  52 }
  53
  54 .gridster-item-container .gridster-item-header .gridster-item-header-content
  55     {
  56     line-height: 44px;
  57     margin-left: 26px;
  58     font-family: "Omnes-ECOMP-W02", Arial;
  59     font-size: 18px;
  60     color: #444444;
  61     float: left;
  62 }
  63
  64 .gridster-item-container .gridster-item-header .gridster-item-sub-header-content
  65     {
  66     position: absolute;
  67     top: 29.5px;
  68     left: 26px;
  69     font-family: "Omnes-ECOMP-W02", Arial;
  70     font-size: 12px;
  71     color: #444444;
  72 }
  73
  74 .gridster-item-container .gridster-item-header .gridster-item-header-buttons-container
  75     {
  76     position: absolute;
  77     right: 10px;
  78     top: 10px;
  79     overflow: hidden;
  80     text-align: right;
  81     height: 30px;
  82     color: #444444;
  83 }
  84
  85 .gridster-item-container .gridster-item-body {
  86     /* gridster-item Body */
  87     position: absolute;
  88     width: 100%;
  89     top: 50px;
  90     left: 0;
  91     right: 0;
  92     bottom: 29px;
  93     border: 1px solid #d3d3d3;
  94     box-sizing: border-box;
  95     overflow: auto;
  96     color: #444444;
  97     /* text-align: center; */
  98 }
  99
 100 .gridster-item-container .gridster-item-footer {
 101     /* gridster-item Footer */
 102     position: absolute;
 103     bottom: 0;
 104     width: 100%;
 105     height: 29px !important;
 106     text-align: left;
 107     cursor: pointer;
 108     border: 1px solid #d3d3d3;
 109     border-top: 0;
 110     background-color: #F2F2F2;
 111     -webkit-border-radius: 0 0 2px 2px;
 112     -moz-border-radius: 0 0 2px 2px;
 113     -ms-border-radius: 0 0 2px 2px;
 114     -o-border-radius: 0 0 2px 2px;
 115     border-radius: 0 0 2px 2px;
 116     -webkit-box-sizing: border-box;
 117     -moz-box-sizing: border-box;
 118     box-sizing: border-box;
 119     text-decoration: none;
 120     /* IE6-8 */
 121 }
 122
 123 .gridster-item-container .gridster-item-footer:hover {
 124     background-color: #E5E5E5;
 125     color: #565656;
 126     text-decoration: underline;
 127 }
 128
 129 .gridster-item-container .gridster-item-footer .gridster-item-footer-content
 130     {
 131     line-height: 30px;
 132     font-family: "Omnes-ECOMP-W02", Arial;
 133     font-size: 12px;
 134     color: #565656;
 135     margin: 20px;
 136     text-decoration: none;
 137 }
 138
 139 .gridster-item-container .gridster-item-footer .gridster-item-footer-content:hover
 140     {
 141     color: #199ddf;
 142     text-decoration: underline;
 143 }