ctf-server
old server for hosting capture-the-flag
git clone https://9o.is/git/ctf-server.git
alerts.less
(1427B)
1 //
2 // Alerts
3 // --------------------------------------------------
4
5
6 // Base styles
7 // -------------------------
8
9 .alert {
10 padding: 8px 35px 8px 14px;
11 margin-bottom: @baseLineHeight;
12 text-shadow: 0 1px 0 rgba(255,255,255,.5);
13 background-color: @warningBackground;
14 border: 1px solid @warningBorder;
15 .border-radius(@baseBorderRadius);
16
17 ul {
18 list-style: none;
19 margin-bottom: 0;
20 }
21 }
22 .alert,
23 .alert h4 {
24 // Specified for the h4 to prevent conflicts of changing @headingsColor
25 color: @warningText;
26 }
27 .alert h4 {
28 margin: 0;
29 }
30
31 // Adjust close link position
32 .alert .close {
33 position: relative;
34 top: -2px;
35 right: -21px;
36 line-height: @baseLineHeight;
37 }
38
39
40 // Alternate styles
41 // -------------------------
42
43 .alert-success {
44 background-color: @successBackground;
45 border-color: @successBorder;
46 color: @successText;
47 }
48 .alert-success h4 {
49 color: @successText;
50 }
51 .alert-danger,
52 .alert-error {
53 background-color: @errorBackground;
54 border-color: @errorBorder;
55 color: @errorText;
56 }
57 .alert-danger h4,
58 .alert-error h4 {
59 color: @errorText;
60 }
61 .alert-info {
62 background-color: @infoBackground;
63 border-color: @infoBorder;
64 color: @infoText;
65 }
66 .alert-info h4 {
67 color: @infoText;
68 }
69
70
71 // Block alerts
72 // -------------------------
73
74 .alert-block {
75 padding-top: 14px;
76 padding-bottom: 14px;
77 }
78 .alert-block > p,
79 .alert-block > ul {
80 margin-bottom: 0;
81 }
82 .alert-block p + p {
83 margin-top: 5px;
84 }