blob: f73afafd708e47fd1225e381e8086939836dc423 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
@charset "UTF-8";
div.notices {
margin: 2rem 0;
position: relative;
border-radius: .2rem;
color: #fff;
padding: .5rem 1rem .5rem 2rem;
position: relative; }
div.notices p {
padding: 0px;
display: block;
font-size: 1rem;
margin-top: 0rem;
margin-bottom: 0rem; }
div.notices p:first-child:before {
position: absolute;
top: -27px;
color: #fff;
font-family: sans-serif;
content: '☆';
left: 10px; }
div.notices p:first-child:after {
position: absolute;
top: -27px;
color: #fff;
left: 2rem; }
div.notices.info p:first-child:after {
content: 'Info'; }
div.notices.warning p:first-child:after {
content: 'Warning'; }
div.notices.note p:first-child:after {
content: 'Note'; }
div.notices.tip p:first-child:after {
content: 'Tip'; }
div.notices.note {
border-top: 30px solid #6bb1e0;
background: #e6f3fb;
color: rgba(47, 103, 141, 0.995) !important; }
div.notices.info {
border-top: 30px solid #f1b37e;
background: #fefaf5;
color: rgba(150, 90, 38, 0.995) !important; }
div.notices.tip {
border-top: 30px solid #84c578;
background: #e8f7e6;
color: rgba(72, 125, 63, 0.995) !important; }
div.notices.warning {
border-top: 30px solid #d58181;
background: #fbeded;
color: rgba(132, 56, 56, 0.995) !important; }
|