← Back to branch summary

~canonical-sysadmins/wordpress/4.7.2

« back to all changes in this revision

Viewing changes to wp-includes/css/wp-pointer-rtl.css

  • Committer: Jacek Nykis
  • Date: 2015-01-05 16:17:05 UTC
  • Revision ID: jacek.nykis@canonical.com-20150105161705-w544l1h5mcg7u4w9
Initial commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-includes/css/wp-pointer-rtl.css
 
1
.wp-pointer-content {
 
2
        padding: 0 0 10px;
 
3
        position: relative;
 
4
        font-size: 13px;
 
5
        background: #fff;
 
6
        border: 1px solid #dfdfdf;
 
7
        -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.075);
 
8
        box-shadow: 0 3px 6px rgba(0,0,0,0.075);
 
9
}
 
10
 
 
11
.wp-pointer-content h3 {
 
12
        position: relative;
 
13
        margin: -1px -1px 5px;
 
14
        padding: 15px 60px 14px 18px;
 
15
        border: 1px solid #3592b6;
 
16
        border-bottom: none;
 
17
        line-height: 1.4em;
 
18
        font-size: 14px;
 
19
        color: #fff;
 
20
        background: #2ea2cc;
 
21
}
 
22
 
 
23
.wp-pointer-content h3:before {
 
24
        background: #fff;
 
25
        -webkit-border-radius: 50%;
 
26
        border-radius: 50%;
 
27
        color: #2ea2cc;
 
28
        content: '\f227';
 
29
        font: normal 20px/1.6 'dashicons';
 
30
        position: absolute;
 
31
        top: 8px;
 
32
        right: 15px;
 
33
        speak: none;
 
34
        text-align: center;
 
35
        width: 32px;
 
36
        height: 32px;
 
37
        -webkit-font-smoothing: antialiased;
 
38
        -moz-osx-font-smoothing: grayscale;
 
39
}
 
40
 
 
41
.wp-pointer-content p {
 
42
        padding: 0 15px;
 
43
}
 
44
 
 
45
.wp-pointer-buttons {
 
46
        margin: 0;
 
47
        padding: 5px 15px;
 
48
        overflow: auto;
 
49
}
 
50
 
 
51
.wp-pointer-buttons a {
 
52
        float: left;
 
53
        display: inline-block;
 
54
        text-decoration: none;
 
55
}
 
56
 
 
57
.wp-pointer-buttons a.close {
 
58
        padding-right: 3px;
 
59
        position: relative;
 
60
}
 
61
 
 
62
.wp-pointer-buttons a.close:before {
 
63
        background: none;
 
64
        color: #bbb;
 
65
        content: '\f153';
 
66
        display: block !important;
 
67
        font: normal 13px/1 'dashicons';
 
68
        speak: none;
 
69
        margin: 1px 0;
 
70
        text-align: center;
 
71
        -webkit-font-smoothing: antialiased !important;
 
72
        width: 10px;
 
73
        height: 100%;
 
74
        position: absolute;
 
75
        right: -12px;
 
76
        top: 1px;
 
77
}
 
78
 
 
79
.wp-pointer-buttons a.close:hover:before {
 
80
        color: #c00;
 
81
}
 
82
 
 
83
/* The arrow base class must take up no space, even with transparent borders. */
 
84
.wp-pointer-arrow,
 
85
.wp-pointer-arrow-inner {
 
86
        position: absolute;
 
87
        width: 0;
 
88
        height: 0;
 
89
}
 
90
 
 
91
.wp-pointer-arrow {
 
92
        z-index: 10;
 
93
        width: 0;
 
94
        height: 0;
 
95
        border: 0 solid transparent;
 
96
}
 
97
 
 
98
.wp-pointer-arrow-inner {
 
99
        z-index: 20;
 
100
}
 
101
 
 
102
/* Make Room for the Arrow! */
 
103
.wp-pointer-top,
 
104
.wp-pointer-undefined {
 
105
        padding-top: 13px;
 
106
}
 
107
 
 
108
.wp-pointer-bottom {
 
109
        margin-top: -13px;
 
110
        padding-bottom: 13px;
 
111
}
 
112
 
 
113
/* @noflip */
 
114
.wp-pointer-left {
 
115
        padding-left: 13px;
 
116
}
 
117
/* @noflip */
 
118
.wp-pointer-right {
 
119
        margin-left: -13px;
 
120
        padding-right: 13px;
 
121
}
 
122
 
 
123
/* Base Size & Positioning */
 
124
.wp-pointer-top .wp-pointer-arrow,
 
125
.wp-pointer-bottom .wp-pointer-arrow,
 
126
.wp-pointer-undefined .wp-pointer-arrow {
 
127
        right: 50px;
 
128
}
 
129
 
 
130
.wp-pointer-left .wp-pointer-arrow,
 
131
.wp-pointer-right .wp-pointer-arrow {
 
132
        top: 50%;
 
133
        margin-top: -15px;
 
134
}
 
135
 
 
136
/* Arrow Sprite */
 
137
.wp-pointer-top .wp-pointer-arrow,
 
138
.wp-pointer-undefined .wp-pointer-arrow {
 
139
        top: 0;
 
140
        border-width: 0 13px 13px 13px;
 
141
        border-bottom-color: #3592b6;
 
142
}
 
143
 
 
144
.wp-pointer-top .wp-pointer-arrow-inner,
 
145
.wp-pointer-undefined .wp-pointer-arrow-inner {
 
146
        top: 1px;
 
147
        margin-right: -13px;
 
148
        margin-top: -13px;
 
149
        border: 13px solid transparent;
 
150
        border-bottom-color: #2ea2cc;
 
151
        display: block;
 
152
        content: ' ';
 
153
}
 
154
 
 
155
.wp-pointer-bottom .wp-pointer-arrow {
 
156
        bottom: 0;
 
157
        border-width: 13px 13px 0 13px;
 
158
        border-top-color: #ccc;
 
159
}
 
160
 
 
161
.wp-pointer-bottom .wp-pointer-arrow-inner {
 
162
        bottom: 1px;
 
163
        margin-right: -13px;
 
164
        margin-bottom: -13px;
 
165
        border: 13px solid transparent;
 
166
        border-top-color: #fff;
 
167
        display: block;
 
168
        content: ' ';
 
169
}
 
170
 
 
171
/* @noflip */
 
172
.wp-pointer-left .wp-pointer-arrow {
 
173
        left: 0;
 
174
        border-width: 13px 13px 13px 0;
 
175
        border-right-color: #ccc;
 
176
}
 
177
 
 
178
/* @noflip */
 
179
.wp-pointer-left .wp-pointer-arrow-inner {
 
180
        left: 1px;
 
181
        margin-left: -13px;
 
182
        margin-top: -13px;
 
183
        border: 13px solid transparent;
 
184
        border-right-color: #fff;
 
185
        display: block;
 
186
        content: ' ';
 
187
}
 
188
 
 
189
/* @noflip */
 
190
.wp-pointer-right .wp-pointer-arrow {
 
191
        right: 0;
 
192
        border-width: 13px 0 13px 13px;
 
193
        border-left-color: #ccc;
 
194
}
 
195
 
 
196
/* @noflip */
 
197
.wp-pointer-right .wp-pointer-arrow-inner {
 
198
        right: 1px;
 
199
        margin-right: -13px;
 
200
        margin-top: -13px;
 
201
        border: 13px solid transparent;
 
202
        border-left-color: #fff;
 
203
        display: block;
 
204
        content: ' ';
 
205
}
 
206
 
 
207
/* Disable pointers at responsive sizes */
 
208
@media screen and ( max-width: 782px ) {
 
209
        .wp-pointer {
 
210
                display: none;
 
211
        }
 
212
}