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