extjs/modern/theme-cupertino/sass/src/MessageBox.scss

   1 /**
   2  * @class Ext.MessageBox
   3  */
   4
   5 .x-msgbox {
   6         padding: 0px;
   7         margin: 0px;
   8         max-width: 19em;
   9         border: 0px;
  10
  11         @include background-image(linear-gradient(top, rgba(231, 232, 232, 1) 1%, rgba(216, 221, 222, 1) 25%, rgba(231, 232, 232, 1) 100%));
  12
  13         .x-icon {
  14                 margin: 0 0.8em 0 0.5em;
  15                 background: #fff;
  16         }
  17
  18         .x-msgbox-warning, x-msgbox-error {
  19                 .x-button {
  20                         border-color: $ios7-red;
  21                         .x-button-label {
  22                                 color: $ios7-red;
  23                         }
  24                 }
  25         }
  26
  27         .x-msgbox-title {
  28                 margin-top: 5px;
  29                 margin-left: 10px;
  30                 margin-right: 10px;
  31                 min-height: 1.5em;
  32
  33                 .x-title {
  34                         font-size: 1.2em;
  35                         padding: 0px;
  36                         // line-height: 1.7em;
  37                 }
  38         }
  39
  40         .x-dock-body {
  41                 margin: 10px;
  42         }
  43
  44         .x-body {
  45                 background: transparent !important;
  46         }
  47
  48         .x-toolbar {
  49                 background: transparent none;
  50                 @include box-shadow(none);
  51
  52                 &.x-docked-top {
  53                         // height: 2.1em;
  54                 }
  55         }
  56
  57         .x-field {
  58                 padding-top: .5em;
  59                 min-height: .8em;
  60                 margin: 0 0 .6em 0;
  61                 background: transparent;
  62                 @include border-radius(0);
  63         }
  64
  65         .x-field-input {
  66                 padding-right: 2.2em;
  67         }
  68
  69         .x-form-field {
  70                 min-height: .8em;
  71                 padding: .3em;
  72                 padding-right: 0 !important;
  73                 -webkit-appearance: none;
  74                 background: transparent;
  75         }
  76 }
  77
  78 .x-msgbox-text {
  79         //padding: .6em 0;
  80         // line-height: 1.4em;
  81         color: #000;
  82         font-size: .9em;
  83         font-weight: 400;
  84 }
  85
  86 .x-msgbox {
  87         @include border-radius(7px);
  88         .x-msgbox-buttons {
  89                 padding: 0;
  90                 height: auto;
  91                 min-height: auto;
  92
  93                 .x-toolbar-inner {
  94                         @include st-box-align(end);
  95
  96                         .x-button {
  97                                 @include st-box-flex(1);
  98                                 @include border-radius(0px);
  99                                 background-color: transparent;
 100                                 border: 1px solid #9da1a0;
 101
 102                                 border-bottom-width: 0px;
 103                                 height: 40px;
 104                                 margin: 0;
 105
 106                                 &:first-child {
 107                                         border-left-width: 0px;
 108                                 }
 109
 110                                 &:last-child {
 111                                         border-left-width: 0px;
 112                                         border-right-width: 0px;
 113                                 }
 114
 115                                 &.x-button-pressing {
 116                                         background-color: #fff;
 117                                 }
 118
 119                                 & .x-button-label {
 120                                         font-size: .9em;
 121                                         color: $ios7-blue;
 122                                 }
 123                         }
 124                 }
 125         }
 126 }
 127