src/resources/themes/stylesheets/sencha-touch/cupertino/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
  32                 .x-title {
  33                         font-size: 1.2em;
  34                         padding: 0px;
  35                         // line-height: 1.7em;
  36                 }
  37         }
  38
  39         .x-dock-body {
  40                 margin: 10px;
  41         }
  42
  43         .x-body {
  44                 background: transparent !important;
  45         }
  46
  47         .x-toolbar {
  48                 background: transparent none;
  49                 @include box-shadow(none);
  50
  51                 &.x-docked-top {
  52                         // height: 2.1em;
  53                 }
  54         }
  55
  56         .x-field {
  57                 padding-top: .5em;
  58                 min-height: .8em;
  59                 margin: 0 0 .6em 0;
  60                 background: transparent;
  61                 @include border-radius(0);
  62         }
  63
  64         .x-field-input {
  65                 padding-right: 2.2em;
  66         }
  67
  68         .x-form-field {
  69                 min-height: .8em;
  70                 padding: .3em;
  71                 padding-right: 0 !important;
  72                 -webkit-appearance: none;
  73                 background: transparent;
  74         }
  75 }
  76
  77 .x-msgbox-text {
  78         //padding: .6em 0;
  79         // line-height: 1.4em;
  80         color: #000;
  81         font-size: .9em;
  82         font-weight: 400;
  83 }
  84
  85 .x-msgbox {
  86         @include border-radius(7px);
  87         .x-msgbox-buttons {
  88                 padding: 0;
  89                 height: auto;
  90                 min-height: auto;
  91
  92                 .x-toolbar-inner {
  93                         @include st-box-align(end);
  94
  95                         .x-button {
  96                                 @include st-box-flex(1);
  97                                 @include border-radius(0px);
  98                                 background-color: transparent;
  99                                 border: 1px solid #9da1a0;
 100
 101                                 border-bottom-width: 0px;
 102                                 height: 40px;
 103                                 margin: 0;
 104
 105                                 &:first-child {
 106                                         border-left-width: 0px;
 107                                 }
 108
 109                                 &:last-child {
 110                                         border-left-width: 0px;
 111                                         border-right-width: 0px;
 112                                 }
 113
 114                                 &.x-button-pressing {
 115                                         background-color: #fff;
 116                                 }
 117
 118                                 & .x-button-label {
 119                                         font-size: .9em;
 120                                         color: $ios7-blue;
 121                                 }
 122                         }
 123                 }
 124         }
 125 }
 126