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         width: initial;
  95 }
  96
  97 .no-error-spacer .md-errors-spacer {
  98         display: none;
  99 }
 100
 101
 102 MD-TOOLBAR {
 103     cursor: move; /* fallback if grab cursor is unsupported */
 104     cursor: grab;
 105     cursor: -moz-grab;
 106     cursor: -webkit-grab;
 107 }
 108
 109  /* (Optional) Apply a "closed-hand" cursor during drag operation. */
 110 MD-TOOLBAR:active {
 111     cursor: grabbing;
 112     cursor: -moz-grabbing;
 113     cursor: -webkit-grabbing;
 114 }
 115
 116 .inner-table {
 117         border: 1px solid;
 118         margin-top: 0;
 119         margin-bottom: 0;
 120         padding: 0 !important;
 121 }
 122 .clickable {
 123         cursor: pointer;
 124 }
 125 .btn-middle {
 126         margin: auto;
 127         display: block;
 128 }
 129 .footable md-input-container {
 130         margin:0;
 131 }
 132
 133 .footable md-input-container label:not(.md-no-float):not(._md-container-ignore) {
 134         display: none;
 135 }
 136
 137
 138
 139 .animate-if label, .animate-if input, .animate-if div {
 140   transition:all 2s;
 141 }
 142 .showmm label, .showmm input, .showmm div{
 143         height:inherit;
 144 }
 145 .hidemm label, .hidemm input, .hidemm div{
 146         height:0;
 147 }
 148
 149
 150 .animate-if.ng-enter,
 151 .animate-if.ng-leave.ng-leave-active {
 152   height:inherit;
 153 }
 154
 155 .animate-if.ng-leave,
 156 .animate-if.ng-enter.ng-enter-active {
 157   height:0;
 158 }
 159 .footable .multiline-headers TH {
 160         /* text-align: center; */
 161         vertical-align: middle;
 162 }
 163 a.link {
 164         text-decoration: underline;
 165 }
 166 TD a.link {
 167         display:block;
 168         width:100%;
 169 }
 170 I.expand-btn {
 171         padding: 5px;
 172         cursor: pointer;
 173 }
 174 I.expand-btn:focus {
 175     outline: 0;
 176     border: none;
 177 }
 178 #dnsInputs {
 179     padding-bottom: 0;
 180 }
 181 #dnsInputs md-input-container {
 182     padding-bottom: 0 !important;
 183     margin-top: 0;
 184     margin-bottom: 0;
 185     margin-right: 16px;
 186 }
 187 #dnsForm {
 188         padding-top:16px;
 189         padding-bottom:0;
 190 }
 191 .confirmDialog {
 192         background-color: #414040;
 193 }
 194 .confirmDialog P, .confirmDialog h2 {
 195         color: white;
 196 }
 197 .complexSelect md-select-menu, .complexSelect md-content{
 198         max-height:300px;
 199 }
 200 .complexSelectOptions {
 201         overflow-y: scroll;
 202         max-height:170px;
 203 }