Poly-fill-me-up
[civicrm-core.git] / ang / crmMailing.css
1 .crmMailing input[name=subject] {
2 width: 30em;
3 }
4 .crmMailing select,
5 .crmMailing input[type=text] {
6 width: 36em;
7 }
8 .crmMailing textarea {
9 margin: 0.5em;
10 width: 95%;
11 height: 20em;
12 }
13 .crmMailing input.crm-form-date {
14 width: 10em;
15 }
16
17 .crmMailing-recip-est {
18 background: #ee8;
19 font-size: small;
20 padding: 0.33em;
21 margin: 0 0 0 0.5em;
22 width: 9em;
23 text-align: center;
24 }
25
26 span.crmMailing-include {
27 color: #060;
28 }
29 span.crmMailing-exclude {
30 color: #600;
31 text-decoration: line-through;
32 }
33 span.crmMailing-mandatory {
34 color: #866304;
35 }
36
37 .crmMailing input[name=preview_test_email],
38 .crmMailing-preview select[name=preview_test_group] {
39 width: 80%;
40 }
41
42 .crmMailing .preview-popup,
43 .crmMailing .preview-contact,
44 .crmMailing .preview-group {
45 width: 30%;
46 height: 4.5em;
47 margin: 0.5em;
48 text-align: center;
49 vertical-align: middle;
50 float: left;
51 }
52 .crmMailing .preview-popup,
53 .crmMailing .preview-contact {
54 border-right: 1px solid black;
55 }
56 .crmMailing .preview-group,
57 .crmMailing .preview-contact {
58 }
59
60 .crmMailing .crmMailing-schedule-outer {
61 width: 98%
62 }
63 .crmMailing .crmMailing-schedule-inner {
64 width: 40em;
65 text-align: left;
66 margin: auto;
67 }
68
69 /* Odd: These placeholder directives break if combined */
70 input[name=preview_test_email]:-moz-placeholder {
71 text-align: center;
72 }
73 input[name=preview_test_email]::-moz-placeholder {
74 text-align: center;
75 }
76 input[name=preview_test_email]::-webkit-input-placeholder {
77 text-align: center;
78 }
79 input[name=preview_test_email]:-ms-input-placeholder {
80 text-align: center;
81 }
82 .crmMailing-active {
83 }
84 .crmMailing-inactive {
85 text-decoration: line-through;
86 }
87 .crm-container a.crmMailing-submit-button {
88 display: inline-block;
89 padding: .2em .4em;
90 margin: 1em auto;
91 border-radius: 5px;
92 font-size: 1.2em;
93 float: none;
94 }
95 .crm-container a.crmMailing-submit-button.disabled,
96 .crm-container a.crmMailing-submit-button.blocking {
97 opacity: .6;
98 cursor: default;
99 }
100 .crm-container a.crmMailing-submit-button.blocking div {
101 background: url(../i/loading-2f2f2e.gif) no-repeat left center;
102 }
103
104 .crm-container .crm-form-block label {
105 font-size: 13px;
106 }
107
108 .crm-container .ui-widget-content {
109 background: none;
110 }
111
112 .crmMailing-error-link {
113 margin: 0.5em;
114 color: red;
115 }