dlux/cpeui/cpeui-module/src/main/resources/cpeui/static/cpeui-custom.css

   1 /**
   2  *  Add your application related css here
   3  */
   4
   5 DIV {
   6  /*   color: white;*/
   7 }
   8 .nestedTabs .nav-tabs li a {
   9     background-color: transparent !important;
  10     border-radius: 4px 4px 0 0 !important;
  11     color: white !important;
  12 }
  13 .nestedTabs .nav-tabs {
  14     margin-bottom:20px;
  15 }
  16
  17 button.btn-primary {
  18       background-color: #FFA500;
  19       border-color: #f29800;
  20       color:black;
  21 }
  22
  23 button.btn-primary:hover, button.btn-primary:focus, button.btn-primary:active, .btn-primary.active {
  24       background-color: #e99000;
  25       border-color: #d28800;
  26       color:black;
  27 }
  28
  29 .table-header {
  30     border-radius: 6px 6px 0 0;
  31     border: medium none;
  32     background: orange none repeat scroll 0 0;
  33     color: #444;
  34     font-family: "trebuchet MS","Lucida sans",Arial;
  35     background-color: #e99000;
  36     font-size: large;
  37     padding-left: 25px;
  38     margin-bottom: -25px;
  39 }
  40 .md-dialog-content {
  41         background-color: #414040;
  42         color: white;
  43 }
  44 .md-dialog-content H2{
  45         color: white;
  46 }
  47 md-dialog-actions {
  48         background-color: #414040;
  49 }
  50
  51 md-dialog-actions .md-button {
  52         background-color: #FFA500 !important;
  53         /*background: orange;*/
  54 }
  55 md-dialog-actions .md-button SPAN {
  56         color: black !important;
  57 }
  58 md-dialog-actions .md-button:hover {
  59         /*background: orange;*/
  60         background-color: #e99000 !important;
  61 }
  62
  63 .cpe-dialog MD-TOOLBAR {
  64         background-color: #e99000;
  65 }
  66 MD-SELECT-VALUE SPAN {
  67         color: rgba(0, 0, 0, 0.26);
  68 }
  69 .md-text {
  70         color:black;
  71 }
  72 MD-SELECT-MENU MD-OPTION div, MD-SELECT-VALUE SPAN, MD-SELECT-VALUE SPAN * {
  73 /*      color:black !important;*/
  74 }
  75 .layout-padding md-input-container {
  76         padding: 0 !important;
  77 }
  78 .minimal-width {
  79         white-space: nowrap;
  80         width: 1px;
  81 }
  82 ._md-select-value:not(._md-select-placeholder) span {
  83         color:black;
  84 }
  85
  86 #refresh_btn {
  87         float: right;
  88         border-radius: 25px;
  89         cursor: pointer;
  90 }
  91
  92 MD-DIALOG {
  93         min-width: 30% !important;
  94 }
  95
  96 .no-error-spacer .md-errors-spacer {
  97         display: none;
  98 }
  99
 100
 101 MD-TOOLBAR {
 102     cursor: move; /* fallback if grab cursor is unsupported */
 103     cursor: grab;
 104     cursor: -moz-grab;
 105     cursor: -webkit-grab;
 106 }
 107
 108  /* (Optional) Apply a "closed-hand" cursor during drag operation. */
 109 MD-TOOLBAR:active {
 110     cursor: grabbing;
 111     cursor: -moz-grabbing;
 112     cursor: -webkit-grabbing;
 113 }
 114
 115 .inner-table {
 116         border: 1px solid;
 117         margin-top: 0;
 118         margin-bottom: 0;
 119 }
 120 .clickable {
 121         cursor: pointer;
 122 }
 123 .btn-middle {
 124         margin: auto;
 125         display: block;
 126 }
 127 .footable md-input-container {
 128         margin:0;
 129 }
 130
 131 .footable md-input-container label:not(.md-no-float):not(._md-container-ignore) {
 132         display: none;
 133 }
 134
 135
 136
 137 .animate-if label, .animate-if input, .animate-if div {
 138   transition:all 2s;
 139 }
 140 .showmm label, .showmm input, .showmm div{
 141         height:inherit;
 142 }
 143 .hidemm label, .hidemm input, .hidemm div{
 144         height:0;
 145 }
 146
 147
 148 .animate-if.ng-enter,
 149 .animate-if.ng-leave.ng-leave-active {
 150   height:inherit;
 151 }
 152
 153 .animate-if.ng-leave,
 154 .animate-if.ng-enter.ng-enter-active {
 155   height:0;
 156 }
 157 .footable .multiline-headers TH {
 158         /* text-align: center; */
 159         vertical-align: middle;
 160 }
 161 a.link {
 162         text-decoration: underline;
 163 }
 164 TD a.link {
 165         display:block;
 166         width:100%;
 167 }
 168