logviewer/static/css/jqueryui-editable.css

   1 /*! X-editable - v1.5.0 \r
   2 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery\r
   3 * http://github.com/vitalets/x-editable\r
   4 * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */\r
   5 .editableform {
   6     margin-bottom: 0; /* overwrites bootstrap margin */
   7 }
   8
   9 .editableform .control-group {
  10     margin-bottom: 0; /* overwrites bootstrap margin */
  11     white-space: nowrap; /* prevent wrapping buttons on new line */
  12     line-height: 20px; /* overwriting bootstrap line-height. See #133 */
  13 }
  14
  15 .editable-buttons {
  16    display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
  17    vertical-align: top;
  18    margin-left: 7px;
  19    /* inline-block emulation for IE7*/
  20    zoom: 1;
  21    *display: inline;
  22 }
  23
  24 .editable-buttons.editable-buttons-bottom {
  25    display: block;
  26    margin-top: 7px;
  27    margin-left: 0;
  28 }
  29
  30 .editable-input {
  31     vertical-align: top;
  32     display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
  33     width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
  34     white-space: normal; /* reset white-space decalred in parent*/
  35    /* display-inline emulation for IE7*/
  36    zoom: 1;
  37    *display: inline;
  38 }
  39
  40 .editable-buttons .editable-cancel {
  41    margin-left: 7px;
  42 }
  43
  44 /*for jquery-ui buttons need set height to look more pretty*/
  45 .editable-buttons button.ui-button-icon-only {
  46    height: 24px;
  47    width: 30px;
  48 }
  49
  50 .editableform-loading {
  51     background: url('../img/loading.gif') center center no-repeat;
  52     height: 25px;
  53     width: auto;
  54     min-width: 25px;
  55 }
  56
  57 .editable-inline .editableform-loading {
  58     background-position: left 5px;
  59 }
  60
  61  .editable-error-block {
  62     max-width: 300px;
  63     margin: 5px 0 0 0;
  64     width: auto;
  65     white-space: normal;
  66 }
  67
  68 /*add padding for jquery ui*/
  69 .editable-error-block.ui-state-error {
  70     padding: 3px;
  71 }
  72
  73 .editable-error {
  74    color: red;
  75 }
  76
  77 /* ---- For specific types ---- */
  78
  79 .editableform .editable-date {
  80     padding: 0;
  81     margin: 0;
  82     float: left;
  83 }
  84
  85 /* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
  86 .editable-inline .add-on .icon-th {
  87    margin-top: 3px;
  88    margin-left: 1px;
  89 }
  90
  91
  92 /* checklist vertical alignment */
  93 .editable-checklist label input[type="checkbox"],
  94 .editable-checklist label span {
  95     vertical-align: middle;
  96     margin: 0;
  97 }
  98
  99 .editable-checklist label {
 100     white-space: nowrap;
 101 }
 102
 103 /* set exact width of textarea to fit buttons toolbar */
 104 .editable-wysihtml5 {
 105     width: 566px;
 106     height: 250px;
 107 }
 108
 109 /* clear button shown as link in date inputs */
 110 .editable-clear {
 111    clear: both;
 112    font-size: 0.9em;
 113    text-decoration: none;
 114    text-align: right;
 115 }
 116
 117 /* IOS-style clear button for text inputs */
 118 .editable-clear-x {
 119    background: url('../img/clear.png') center center no-repeat;
 120    display: block;
 121    width: 13px;
 122    height: 13px;
 123    position: absolute;
 124    opacity: 0.6;
 125    z-index: 100;
 126
 127    top: 50%;
 128    right: 6px;
 129    margin-top: -6px;
 130
 131 }
 132
 133 .editable-clear-x:hover {
 134    opacity: 1;
 135 }
 136
 137 .editable-pre-wrapped {
 138    white-space: pre-wrap;
 139 }\r
 140 .editable-container.editable-popup {
 141     max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
 142 }
 143
 144 .editable-container.popover {
 145     width: auto; /* without this rule popover does not stretch */
 146 }
 147
 148 .editable-container.editable-inline {
 149     display: inline-block;
 150     vertical-align: middle;
 151     width: auto;
 152     /* inline-block emulation for IE7*/
 153     zoom: 1;
 154     *display: inline;
 155 }
 156
 157 .editable-container.ui-widget {
 158    font-size: inherit;  /* jqueryui widget font 1.1em too big, overwrite it */
 159    z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
 160 }\r
 161 .editable-click,
 162 a.editable-click,
 163 a.editable-click:hover {
 164     text-decoration: none;
 165     border-bottom: dashed 1px #0088cc;
 166 }
 167
 168 .editable-click.editable-disabled,
 169 a.editable-click.editable-disabled,
 170 a.editable-click.editable-disabled:hover {
 171    color: #585858;
 172    cursor: default;
 173    border-bottom: none;
 174 }
 175
 176 .editable-empty, .editable-empty:hover, .editable-empty:focus{
 177   font-style: italic;
 178   color: #DD1144;
 179   /* border-bottom: none; */
 180   text-decoration: none;
 181 }
 182
 183 .editable-unsaved {
 184   font-weight: bold;
 185 }
 186
 187 .editable-unsaved:after {
 188 /*    content: '*'*/
 189 }
 190
 191 .editable-bg-transition {
 192   -webkit-transition: background-color 1400ms ease-out;
 193   -moz-transition: background-color 1400ms ease-out;
 194   -o-transition: background-color 1400ms ease-out;
 195   -ms-transition: background-color 1400ms ease-out;
 196   transition: background-color 1400ms ease-out;
 197 }
 198
 199 /*see https://github.com/vitalets/x-editable/issues/139 */
 200 .form-horizontal .editable
 201 {
 202     padding-top: 5px;
 203     display:inline-block;
 204 }
 205